/**
 * Invictus Law & Consultancy - Design Tokens
 * Theme: Digital Fortress - Dark-only
 */

:root {
  /* Backgrounds */
  --color-bg-primary: #070B12;
  --color-bg-surface: #0E1623;
  --color-bg-surface-elevated: #131F30;
  
  /* Accent */
  --color-accent: #FF7A1A;
  --color-accent-glow: rgba(255, 122, 26, 0.25);
  --color-accent-glow-subtle: rgba(255, 122, 26, 0.15);
  
  /* Text */
  --color-text-primary: #D9E1EC;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  
  /* Borders */
  --color-border: rgba(148, 163, 184, 0.15);
  --color-border-accent: rgba(255, 122, 26, 0.4);
  
  /* Motion */
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 300ms;
  --duration-normal: 400ms;
  --duration-slow: 600ms;
  --duration-hero: 800ms;
  
  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing */
  --section-padding-y: clamp(4rem, 10vw, 8rem);
  --section-padding-x: clamp(1rem, 4vw, 2rem);
  --container-max: 1280px;
  
  /* Transitions */
  --transition-smooth: opacity var(--duration-normal) var(--ease-smooth),
    transform var(--duration-normal) var(--ease-smooth);
  --transition-glow: box-shadow var(--duration-fast) var(--ease-smooth);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 100ms;
    --duration-normal: 150ms;
    --duration-slow: 200ms;
    --duration-hero: 200ms;
  }
}