:root {
  --gdw-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gdw-space-2xs: 4px;
  --gdw-space-xs: 8px;
  --gdw-space-sm: 12px;
  --gdw-space-md: 16px;
  --gdw-space-lg: 22px;
  --gdw-space-xl: 28px;
  --gdw-space-2xl: 36px;
  --gdw-radius-sm: 10px;
  --gdw-radius-md: 16px;
  --gdw-radius-lg: 22px;
  --gdw-radius-xl: 26px;
  --gdw-shadow-panel: 0 18px 44px rgba(0,0,0,.18);
  --gdw-shadow-card: 0 12px 30px rgba(0,0,0,.14);
  --gdw-shadow-soft: 0 8px 22px rgba(0,0,0,.1);
  --gdw-transition-fast: 140ms ease;
  --gdw-transition-base: 180ms ease;
  --gdw-grid-gap: 16px;
}

#gdw-app {
  font-family: var(--gdw-font-ui);
  --gdw-panel-backdrop: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  --gdw-card-backdrop: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  --gdw-btn-bg: color-mix(in srgb, var(--gdw-surface) 92%, transparent);
  --gdw-btn-bg-hover: color-mix(in srgb, var(--gdw-surface-alt) 94%, transparent);
  --gdw-btn-ghost: color-mix(in srgb, var(--gdw-surface-alt) 78%, transparent);
  --gdw-panel-outline: color-mix(in srgb, var(--gdw-border) 85%, rgba(255,255,255,.06));
  --gdw-card-outline: color-mix(in srgb, var(--gdw-border) 70%, rgba(255,255,255,.04));
}