/* DNC UNIFIED DESIGN TOKENS (V1) */
:root {
  /* COLORS - BASE */
  --color-void-black: #030303;
  --color-obsidian: #141416;
  --color-graphite: #1A1D21;
  --color-pure-white: #FFFFFF;
  
  /* COLORS - BRAND & SEMANTIC */
  --brand-primary: #00E59B;
  --brand-emotion: #E60000;
  
  /* COLORS - UI & TEXT */
  --text-pure: #FFFFFF;
  --text-muted: #9A9A9A; /* AAA Compliant contrast against #030303 */
  
  /* GLASSMORPHISM & BORDERS */
  --glass-bg: rgba(20, 20, 22, 0.4);
  --glass-bg-solid: rgba(20, 20, 22, 0.95); /* Fallback for unsupported backdrop-filter */
  --glass-border: rgba(255, 255, 255, 0.04);
  --glass-border-focus: rgba(255, 255, 255, 0.1);
  --glass-blur: blur(24px);
  
  /* SPACING (8pt grid) */
  --space-2: 0.125rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-96: 6rem;
  --space-128: 8rem;

  /* BORDER RADIUS */
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-pill: 9999px;

  /* TYPOGRAPHY */
  --font-family-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-family-body: 'Inter', system-ui, sans-serif;
  --font-family-mono: 'SF Mono', ui-monospace, monospace;
  --font-family-editorial: 'Times New Roman', serif;
  
  --font-size-2xs: 0.625rem; /* 10px */
  --font-size-xs: 0.75rem;   /* 12px */
  --font-size-sm: 0.8125rem; /* 13px */
  --font-size-base: 0.875rem;/* 14px */
  --font-size-lg: 1rem;      /* 16px */
  --font-size-xl: 1.5rem;    /* 24px */
  --font-size-2xl: 2rem;     /* 32px */
  --font-size-hero: clamp(48px, 5vw, 80px);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  --letter-spacing-tight: -0.04em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05em;
  --letter-spacing-widest: 0.15em;

  /* SHADOWS */
  --shadow-m: 0 30px 60px rgba(0,0,0,0.4);
  --shadow-l: 0 30px 60px rgba(0,0,0,0.9);
  --shadow-glow-mint: 0 0 12px var(--brand-primary);

  /* MOTION */
  --motion-fast: 150ms;
  --motion-normal: 300ms;
  --motion-slow: 500ms;
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Z-INDEX */
  --z-base: 1;
  --z-elevated: 10;
  --z-sticky: 100;
  --z-overlay: 1000;
}