/**
 * StyleyeS v1.8 — Design Tokens
 * VASEY/AI Design System Variables
 */

:root {
  /* Brand Colors */
  --c1: #ff6b35;
  --c2: #dc2f5a;
  --c3: #9b4dca;
  --gradient: linear-gradient(135deg, var(--c1) 0%, var(--c2) 50%, var(--c3) 100%);
  
  /* Surface Colors */
  --bg: #0f1419;
  --bg-card: #1a1f25;
  --bg-elevated: #242b33;
  --bg-input: rgba(0, 0, 0, 0.3);
  
  /* Border Colors */
  --border: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(255, 107, 53, 0.5);
  
  /* Text Colors */
  --t1: #e7e9ea;
  --t2: #8b98a5;
  --t3: #536471;
  
  /* Semantic Colors */
  --success: #00ba7c;
  --warn: #ffad1f;
  --err: #f4212e;
  
  /* Safe Area Insets */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  
  /* Easing Functions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 4px 12px rgba(255, 107, 53, 0.3);
  --shadow-glow-hover: 0 6px 20px rgba(255, 107, 53, 0.4);
  
  /* Typography */
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
  
  /* Footer Brand Aliases (VASEY/AI Universal Footer) */
  --border-subtle: var(--border);
  --border-glow: rgba(255, 107, 53, 0.15);
  --accent-deep: var(--c2);
  --accent-dim: rgba(255, 107, 53, 0.6);
  --accent-primary: var(--c1);
  --accent-glow-strong: rgba(255, 107, 53, 0.4);
  --text-secondary: var(--t2);
  --text-muted: var(--t3);

  /* Z-Index Scale */
  --z-base: 1;
  --z-elevated: 10;
  --z-overlay: 100;
  --z-modal: 200;
  --z-toast: 1000;
}