:root {
  /* ----------------------------------
     Ruby Station Brand Tokens
     Palette + type matched to the VEXOS landing (rubystationnash.com/3d)
     Fonts loaded via @font-face in 00-fonts.css
     ---------------------------------- */

  /* Ruby palette */
  --rs-cream: #ebebd3;
  --rs-cream-2: #f5efe6;
  --rs-cream-3: #faf7f2;
  --rs-brown: #35241c;
  --rs-brown-2: #3a2e24;
  --rs-brown-3: #6b5540;
  --rs-tan: #9b7d5c;
  --rs-tan-2: #c4a882;
  --rs-tan-3: #ddc9b0;
  --rs-white: #fdfaf6;

  /* Header UI (VEXOS "brand" theme values) */
  --rs-ui-brand: #8d6561;
  --rs-ui-brand-dark: #694945;
  --rs-ui-logo-bg: #e6e4d4;
  --rs-ui-dark: rgba(26, 30, 33, 0.8);
  --rs-ui-dark-hover: rgba(250, 251, 254, 0.1);
  --rs-ui-light: #fafbfe;
  --rs-ui-ink: #1a1e21;

  /* Fonts */
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-ui: "Inter Tight", "Jost", system-ui, sans-serif;

  /* Aliases consumed by 01-base.css / 02-components.css */
  --font-body: var(--font-sans);
  --font-heading: var(--font-serif);
  --font-accent: var(--font-serif);
  --font-primary: var(--font-body);
  --font-size-base: clamp(15px, 1.2vw, 16px);
  --line-height-base: 1.6;
  --font-weight-heading: 300;

  /* Font weights */
  --font-weight-body: 400;
  --font-weight-light: 300;
  --font-weight-thin: 200;
  --font-weight-medium: 500;
  --font-weight-bold: 600;

  /* Heading sizes (desktop) — mobile sizes live in 01-base.css media queries */
  --font-size-h1: clamp(44px, 5vw, 72px);
  --font-size-h2: clamp(36px, 4vw, 56px);
  --font-size-h3: clamp(28px, 3vw, 40px);
  --font-size-h4: clamp(24px, 2.5vw, 32px);
  --font-size-h5: clamp(20px, 2vw, 26px);
  --font-size-h6: 15px;
  --font-size-blockquote: clamp(26px, 3vw, 40px);
  --font-size-button: clamp(12px, 1vw, 13px);

  /* Colors (theme-wide names kept for existing CSS) */
  --color-text: var(--rs-brown-2);
  --color-bg: var(--rs-cream-3);
  --color-primary: var(--rs-tan-2);
  --color-secondary: var(--rs-brown);
  --color-muted: var(--rs-brown-3);
  --color-border: var(--rs-tan-3);

  --radius-sm: 6px;
  --radius-md: 8px;

  --space-1: 6px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --space-5: 36px;

  --container-max: 1200px;
}