/* Design Tokens */

:root {
  /* Colors */
  --color-bg:#0B0F14;
  --color-card:#11161E;
  --color-text-primary:#E6EEF8;
  --color-text-muted:#A8B3C2;
  --color-positive:#2FD26F;
  --color-negative:#FF5A5F;
  --color-accent:#0091FF;
  --color-border:#1E2530;
  --color-hover:#1A2028;

  /* Typography */
  --font-base:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;

  --text-xs:0.75rem;   /* 12 */
  --text-sm:0.875rem;  /* 14 */
  --text-base:1.125rem;/* 18 */
  --text-lg:1.25rem;   /* 20 */
  --text-xl:1.5rem;    /* 24 */
  --text-2xl:1.75rem;  /* 28 */
  --text-3xl:2rem;     /* 32 */

  --weight-normal:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* Spacing */
  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;

  /* Radius */
  --radius-sm:0.375rem;
  --radius-md:0.5rem;
  --radius-lg:0.75rem;
  --radius-xl:1rem;

  /* Shadows */
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6), 0 4px 6px -2px rgba(0,0,0,0.3);

  /* Transitions */
  --transition-base:200ms ease;
  --transition-slow:300ms ease;
}