/*
 * GameControllerTest.com — Precision Controller Lab design tokens
 * Shared by public, account, and admin surfaces. System-font only.
 */

:root {
  color-scheme: light;

  /* Brand and semantic color */
  --gct-navy-975: #040b14;
  --gct-navy-950: #07111f;
  --gct-navy-900: #0b1f3a;
  --gct-navy-850: #102a49;
  --gct-navy-800: #12345a;
  --gct-navy-700: #1c466f;
  --gct-blue-800: #123f8c;
  --gct-blue-700: #174ea6;
  --gct-blue-600: #1f63c6;
  --gct-blue-500: #3378d5;
  --gct-blue-200: #b8d3f5;
  --gct-blue-100: #dceaff;
  --gct-blue-050: #eff6ff;
  --gct-red-700: #b51f31;
  --gct-red-600: #d6293e;
  --gct-red-100: #ffe2e6;
  --gct-red-050: #fff4f5;
  --gct-green-700: #117047;
  --gct-green-600: #16875d;
  --gct-green-100: #dff5e9;
  --gct-amber-800: #7a4d08;
  --gct-amber-700: #966312;
  --gct-amber-100: #fff0cc;
  --gct-cyan-600: #087c95;

  --gct-ink: #101828;
  --gct-ink-soft: #344054;
  --gct-muted: #5c6b7a;
  --gct-muted-light: #8190a0;
  --gct-line: #d9e2ec;
  --gct-line-strong: #b8c5d3;
  --gct-canvas: #f6f8fc;
  --gct-canvas-blue: #eef4fb;
  --gct-surface: #ffffff;
  --gct-surface-raised: #ffffff;
  --gct-surface-muted: #f9fbfd;
  --gct-overlay: rgb(4 11 20 / 68%);

  --gct-success: var(--gct-green-600);
  --gct-warning: var(--gct-amber-700);
  --gct-danger: var(--gct-red-600);
  --gct-info: var(--gct-blue-600);

  /* Typography */
  --gct-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --gct-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --gct-font-size-xs: .75rem;
  --gct-font-size-sm: .875rem;
  --gct-font-size-md: 1rem;
  --gct-font-size-lg: 1.125rem;
  --gct-font-size-xl: 1.25rem;
  --gct-font-size-2xl: clamp(1.5rem, 2vw, 1.875rem);
  --gct-font-size-3xl: clamp(2rem, 4vw, 3.25rem);
  --gct-font-size-display: clamp(2.5rem, 5.8vw, 4.75rem);
  --gct-line-tight: 1.12;
  --gct-line-heading: 1.22;
  --gct-line-body: 1.65;
  --gct-letter-tight: -.025em;

  /* Four/eight-pixel spatial rhythm */
  --gct-space-1: .25rem;
  --gct-space-2: .5rem;
  --gct-space-3: .75rem;
  --gct-space-4: 1rem;
  --gct-space-5: 1.25rem;
  --gct-space-6: 1.5rem;
  --gct-space-8: 2rem;
  --gct-space-10: 2.5rem;
  --gct-space-12: 3rem;
  --gct-space-16: 4rem;
  --gct-space-20: 5rem;
  --gct-space-24: 6rem;

  /* Shape and elevation */
  --gct-radius-xs: .375rem;
  --gct-radius-sm: .625rem;
  --gct-radius-md: .875rem;
  --gct-radius-lg: 1.25rem;
  --gct-radius-xl: 1.75rem;
  --gct-radius-pill: 999px;
  --gct-shadow-xs: 0 1px 2px rgb(7 17 31 / 5%);
  --gct-shadow-sm: 0 8px 24px rgb(7 17 31 / 8%);
  --gct-shadow-md: 0 18px 48px rgb(7 17 31 / 12%);
  --gct-shadow-lg: 0 30px 80px rgb(7 17 31 / 18%);
  --gct-ring: 0 0 0 3px rgb(31 99 198 / 20%);
  --gct-focus: #f2ae2e;

  /* Layout */
  --gct-public-max: 77.5rem;
  --gct-reading-max: 47.5rem;
  --gct-dashboard-max: 100rem;
  --gct-sidebar-width: 16rem;
  --gct-sidebar-compact: 4.75rem;
  --gct-header-height: 4.5rem;
  --gct-mobile-header-height: 4rem;
  --gct-mobile-dock-height: 4.5rem;
  --gct-control-height: 2.75rem;

  /* Motion */
  --gct-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --gct-duration-fast: 140ms;
  --gct-duration-base: 220ms;
}

[data-gct-density="compact"] {
  --gct-control-height: 2.5rem;
  --gct-space-panel: var(--gct-space-4);
}

[data-gct-density="comfortable"] {
  --gct-control-height: 3rem;
  --gct-space-panel: var(--gct-space-6);
}

@media (prefers-contrast: more) {
  :root {
    --gct-muted: #3c4856;
    --gct-line: #8b99a8;
    --gct-line-strong: #667484;
  }
}