/* FILE: styles/tokens.css */
:root {
  /* Brand palette */
  --color-bg:           #0d0f14;
  --color-bg-surface:   #14171f;
  --color-bg-card:      #1a1e28;
  --color-bg-card-alt:  #1f2435;
  --color-border:       #2a2f3e;
  --color-border-light: #323848;

  /* Text */
  --color-text-primary:   #f0f2f7;
  --color-text-secondary: #8b92a8;
  --color-text-muted:     #555e74;
  --color-text-inverse:   #0d0f14;

  /* Brand accent */
  --color-accent:       #4f7cff;
  --color-accent-soft:  #2a3f7e;
  --color-accent-hover: #6b94ff;

  /* Semantic */
  --color-positive:     #34c97a;
  --color-positive-bg:  #0e2e1e;
  --color-warning:      #f5a623;
  --color-warning-bg:   #2e2010;
  --color-danger:       #f04c5a;
  --color-danger-bg:    #2e1018;
  --color-neutral:      #8b92a8;

  /* Sizing */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-full: 9999px;

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

  /* Type scale */
  --font-xs:   11px;
  --font-sm:   13px;
  --font-base: 15px;
  --font-md:   17px;
  --font-lg:   20px;
  --font-xl:   24px;
  --font-2xl:  30px;
  --font-3xl:  38px;

  /* Font */
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Shadows */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.3);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.4);

  /* Nav */
  --nav-height: 64px;

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