:root {
  /* Backgrounds — warm navy tones, NOT pure black */
  --sg-bg-base: #161B2E;          /* Page background, main content area */
  --sg-bg-sidebar: #121728;       /* Sidebar background */
  --sg-bg-card: #1A2038;          /* Game cards, stat boxes, inputs, tags */
  --sg-bg-topbar: #131828;        /* Top navigation bar */
  --sg-bg-darkest: #0E1320;       /* Game frame / embed area */

  /* Borders — one color, one weight, everywhere */
  --sg-border: #252D45;
  --sg-border-width: 0.5px;

  /* Brand colors */
  --sg-primary: #00BCD4;          /* Cyan — CTAs, active states, links, ratings */
  --sg-accent: #FF6B9D;           /* Hot pink — badges, promotions, upgrade nudges */

  /* Text hierarchy (lightest to dimmest) */
  --sg-text-primary: #E0E8F0;     /* Headings, game titles */
  --sg-text-secondary: #D0D8E8;   /* Subheadings, card titles */
  --sg-text-muted: #607090;       /* Body text, descriptions */
  --sg-text-dim: #506080;         /* Nav items, placeholders, metadata */
  --sg-text-faint: #405070;       /* Play counts, genre labels */
  --sg-text-ghost: #354060;       /* Category labels, footer, separators */

  /* Semantic */
  --sg-success: #4DB6AC;
  --sg-warning: #EF9F27;
  --sg-error: #E24B4A;
  --sg-info: #80DEEA;

  /* Spacing scale */
  --sg-space-xs: 4px;
  --sg-space-sm: 8px;
  --sg-space-md: 12px;
  --sg-space-lg: 18px;
  --sg-space-xl: 32px;
  --sg-space-xxl: 40px;

  /* Border radius */
  --sg-radius-sm: 4px;            /* Tags, small pills */
  --sg-radius-md: 6px;            /* Inputs, buttons */
  --sg-radius-lg: 8px;            /* Game cards, stat boxes */
  --sg-radius-xl: 10px;           /* Featured cards */
  --sg-radius-2xl: 12px;          /* Page containers, pricing cards */
  --sg-radius-pill: 14px;         /* Pill buttons, CTA pills */

  /* Typography */
  --sg-font: 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Transitions */
  --sg-transition-fast: 150ms ease;
  --sg-transition-normal: 200ms ease;

  /* Layout */
  --sg-sidebar-width: 185px;
  --sg-sidebar-collapsed: 54px;
  --sg-content-padding: 18px;
  --sg-grid-gap: 8px;

  /* Game card thumbnail tints */
  --sg-tint-action: #201820;
  --sg-tint-puzzle: #152028;
  --sg-tint-adventure: #151E28;
  --sg-tint-casual: #201520;
  --sg-tint-arcade: #201518;
  --sg-tint-physics: #152020;
  --sg-tint-strategy: #1A1828;
  --sg-tint-racing: #201C15;
  --sg-tint-scifi: #1D1528;
  --sg-tint-word: #201D15;
  --sg-tint-featured-main: #1A1E38;
  --sg-tint-featured-blue: #182030;
  --sg-tint-featured-pink: #201828;
}