:root {
  /* Brand Colors from Guide */
  --color-prime-blue: #0578FF;
  --color-prime-blue-hover: #0062D6;
  --color-dark-squid-ink: #0F141A;
  --color-off-white: #F5F3EF;
  --color-white: #FFFFFF;
  --color-smile-orange: #FF6200;

  /* Light Theme Surfaces (Amazon Report Style) */
  --bg-body: var(--color-off-white);
  --bg-surface: var(--color-white);
  --bg-surface-hover: #fcfcfc;

  --text-primary: var(--color-dark-squid-ink);
  --text-secondary: #4A5568;
  /* Slate gray for readable subtext */
  --text-tertiary: #718096;
  --text-on-dark: var(--color-white);

  --border-subtle: #E2E8F0;
  --border-focus: var(--color-prime-blue);

  --status-error: #D92D20;
  --status-success: #039855;

  /* Typography */
  --font-display: "Ember Modern Display", "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-body: "Amazon Ember", Inter, system-ui, -apple-system, sans-serif;

  /* Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 96px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  /* Cards */
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 0 3px rgba(5, 120, 255, 0.35);

  /* Transitions */
  --trans-fast: 150ms ease;
  --trans-base: 250ms ease;
}