/* Brand locked — RDP-PROTO-001 | Glass v2 — RDW-UX-PROTO-002 */
:root {
  --grey-50: #faf8f9;
  --grey-100: #f5f5f4;
  --grey-200: #e7e5e4;
  --grey-300: #d6d3d1;
  --grey-400: #a8a29e;
  --grey-500: #78716c;
  --grey-600: #57534e;
  --grey-700: #44403c;
  --grey-800: #292524;
  --grey-900: #1c1917;
  --brand: #b86c40;
  --brand-dark: #9a5a35;
  --white: #ffffff;

  --font-serif: "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-serif-4: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-display: var(--font-serif); /* legacy alias */
  --font-ui: "Inter", system-ui, sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  --content-max: 1200px;
  --gutter-sm: 20px;
  --gutter-md: 32px;
  --gutter-lg: 48px;

  --radius: 8px;
  --radius-glass: 16px;
  --radius-glass-lg: 20px;

  /* Glass — Apple-style minimal */
  --glass-fill: rgba(255, 255, 255, 0.65);
  --glass-fill-strong: rgba(255, 255, 255, 0.82);
  --glass-fill-subtle: rgba(255, 255, 255, 0.42);
  --glass-dark: rgba(28, 25, 23, 0.72);
  --glass-border-light: rgba(255, 255, 255, 0.9);
  --glass-border-outline: rgba(28, 25, 23, 0.09);
  --glass-blur: 20px;
  --glass-blur-heavy: 40px;
  --glass-saturate: 180%;
  --glass-shadow: 0 4px 24px rgba(28, 25, 23, 0.06), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  --glass-shadow-elevated: 0 12px 40px rgba(28, 25, 23, 0.1), 0 1px 0 rgba(255, 255, 255, 0.65) inset;

  --shadow-soft: var(--glass-shadow-elevated);
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-fill: rgba(255, 255, 255, 0.96);
    --glass-fill-strong: #ffffff;
    --glass-fill-subtle: rgba(255, 255, 255, 0.92);
    --glass-dark: var(--grey-900);
    --glass-blur: 0;
    --glass-blur-heavy: 0;
  }
}