/*
  CyberVision Design Tokens v0.1
  Status: Draft
  Source: Docs/05-Engineering/CyberVision_Design_System_v0.1.md
*/

:root {
  /* Brand colors */
  --cv-color-navy-900: #0f172a;
  --cv-color-navy-800: #1e293b;
  --cv-color-azure-600: #2563eb;
  --cv-color-azure-700: #1d4ed8;
  --cv-color-cyan-500: #06b6d4;
  --cv-color-cyan-600: #0891b2;

  /* Status colors */
  --cv-color-success-500: #10b981;
  --cv-color-warning-500: #f59e0b;
  --cv-color-danger-500: #ef4444;
  --cv-color-info-500: #2563eb;

  /* Neutral colors */
  --cv-color-slate-900: #0f172a;
  --cv-color-slate-700: #334155;
  --cv-color-slate-500: #64748b;
  --cv-color-slate-300: #cbd5e1;
  --cv-color-slate-200: #e2e8f0;
  --cv-color-slate-100: #f1f5f9;
  --cv-color-soft: #f8fafc;
  --cv-color-surface: #ffffff;
  --cv-color-border: #cbd5e1;

  /* Typography */
  --cv-font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cv-font-size-display: clamp(2.75rem, 5vw, 4.75rem);
  --cv-font-size-h1: clamp(2.25rem, 4vw, 3rem);
  --cv-font-size-h2: clamp(1.75rem, 3vw, 2.25rem);
  --cv-font-size-h3: 1.375rem;
  --cv-font-size-body: 1rem;
  --cv-font-size-small: 0.875rem;
  --cv-font-size-label: 0.875rem;
  --cv-line-height-tight: 1.1;
  --cv-line-height-base: 1.6;

  /* Spacing */
  --cv-space-1: 0.25rem;
  --cv-space-2: 0.5rem;
  --cv-space-3: 0.75rem;
  --cv-space-4: 1rem;
  --cv-space-5: 1.25rem;
  --cv-space-6: 1.5rem;
  --cv-space-8: 2rem;
  --cv-space-10: 2.5rem;
  --cv-space-12: 3rem;
  --cv-space-16: 4rem;
  --cv-space-20: 5rem;

  /* Radius */
  --cv-radius-sm: 0.375rem;
  --cv-radius-md: 0.75rem;
  --cv-radius-lg: 1rem;
  --cv-radius-xl: 1.5rem;
  --cv-radius-pill: 999px;

  /* Shadows */
  --cv-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08);
  --cv-shadow-md: 0 12px 30px rgb(15 23 42 / 0.12);
  --cv-shadow-lg: 0 24px 60px rgb(15 23 42 / 0.16);

  /* Focus */
  --cv-focus-ring: 0 0 0 3px rgb(6 182 212 / 0.35);

  /* Layout */
  --cv-container-max: 72rem;
  --cv-container-narrow: 56rem;
}