/* Syndicate Lounge — Design Tokens */
:root {
  /* Colors */
  --color-bg:         #000000;
  --color-bg-footer:  #171717;
  --color-text:       #f6f7f8;
  --color-text-muted: rgba(246, 247, 248, 0.55);
  --color-border:     rgba(246, 247, 248, 0.18);
  --color-glass:      rgba(18, 16, 14, 0.62);
  --color-divider:    rgba(246, 247, 248, 0.12);

  /* Typography */
  --font:    'Rubik', Arial, sans-serif;
  --font-ui: 'Inter', -apple-system, system-ui, sans-serif;

  /* Font sizes */
  --text-xs:  14px;
  --text-sm:  16px;
  --text-base: 20px;
  --text-lg:  22px;
  --text-xl:  26px;
  --text-2xl: 40px;
  --text-3xl: 60px;
  --text-4xl: 82px;

  /* Spacing */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 96px;

  /* Layout */
  --content-max: 700px;
  --page-pad:    24px;
}