/* ═══════════════════════════════════════════════════════════════
   SOLVAGENCE AGENCY — DESIGN TOKENS v3
   Proprietary brand system · agency.solvagence.com
   ═══════════════════════════════════════════════════════════════ */

:root {

  /* ── BRAND: SOLVAGENCE BLUE ──────────────────────── */
  --sv-blue-950:  #010814;
  --sv-blue-900:  #030F28;
  --sv-blue-800:  #071840;
  --sv-blue-700:  #0F2560;
  --sv-blue-600:  #1A3AA8;
  --sv-blue-500:  #2650E8;   /* PRIMARY — Solvagence Blue */
  --sv-blue-400:  #4D72FF;
  --sv-blue-300:  #7A9AFF;
  --sv-blue-200:  #B0C4FF;
  --sv-blue-100:  #E0E9FF;

  /* ── BRAND: SOLVAGENCE TEAL ──────────────────────── */
  --sv-teal-900:  #001F1A;
  --sv-teal-800:  #003D34;
  --sv-teal-700:  #00594E;
  --sv-teal-600:  #007A67;
  --sv-teal-500:  #00C9A7;   /* SECONDARY — Solvagence Teal */
  --sv-teal-400:  #34E5C4;
  --sv-teal-300:  #6EEDDA;
  --sv-teal-200:  #A8F5EC;
  --sv-teal-100:  #E0FBF7;

  /* ── SEMANTIC ALIASES ────────────────────────────── */
  --color-primary:         var(--sv-blue-500);
  --color-primary-hover:   var(--sv-blue-400);
  --color-primary-active:  var(--sv-blue-600);
  --color-primary-ghost:   rgba(38, 80, 232, 0.10);
  --color-primary-border:  rgba(38, 80, 232, 0.22);
  --color-primary-glow:    0 0 40px rgba(38, 80, 232, 0.30);

  --color-secondary:        var(--sv-teal-500);
  --color-secondary-hover:  var(--sv-teal-400);
  --color-secondary-ghost:  rgba(0, 201, 167, 0.09);
  --color-secondary-border: rgba(0, 201, 167, 0.20);
  --color-secondary-glow:   0 0 40px rgba(0, 201, 167, 0.25);

  /* ── GRADIENTS ───────────────────────────────────── */
  --g-brand:         linear-gradient(135deg, var(--sv-blue-500) 0%, var(--sv-teal-500) 100%);
  --g-brand-45:      linear-gradient(45deg,  var(--sv-blue-500) 0%, var(--sv-teal-500) 100%);
  --g-brand-text:    linear-gradient(90deg,  var(--sv-blue-400) 0%, var(--sv-teal-500) 100%);
  --g-brand-subtle:  linear-gradient(135deg, rgba(38,80,232,.12) 0%, rgba(0,201,167,.06) 100%);
  --g-blue-fade:     linear-gradient(180deg, rgba(38,80,232,.14) 0%, transparent 100%);
  --g-dark-veil:     linear-gradient(to top,  #050B16 0%, rgba(5,11,22,.65) 60%, transparent 100%);

  /* ── BACKGROUNDS ─────────────────────────────────── */
  --bg-void:      #030812;   /* Deepest — hero, page */
  --bg-base:      #050B16;
  --bg-surface:   #07101F;
  --bg-raised:    #0A1528;
  --bg-overlay:   #0F1E38;
  --bg-hover:     #131F3A;

  /* ── TEXT ────────────────────────────────────────── */
  --tx-100:  #FFFFFF;
  --tx-200:  #EDF1FA;        /* Headings */
  --tx-300:  #C4CEEA;        /* Sub-headings */
  --tx-400:  #8B96BB;        /* Body muted */
  --tx-500:  rgba(139,150,187, .55);  /* Tertiary */
  --tx-blue: var(--sv-blue-400);
  --tx-teal: var(--sv-teal-500);

  /* ── BORDER ──────────────────────────────────────── */
  --bd-subtle:   rgba(255,255,255,.04);
  --bd-default:  rgba(255,255,255,.08);
  --bd-strong:   rgba(255,255,255,.14);
  --bd-blue:     var(--color-primary-border);
  --bd-teal:     var(--color-secondary-border);

  /* ── TYPOGRAPHY ──────────────────────────────────── */
  --f-display:  'Cormorant Garamond', Georgia, serif;
  --f-heading:  'Syne', system-ui, sans-serif;
  --f-body:     'DM Sans', system-ui, sans-serif;
  --f-mono:     'JetBrains Mono', 'Fira Code', monospace;

  /* ── SIZE / SPACE ────────────────────────────────── */
  --nav-h:        72px;
  --announce-h:   36px;
  --container:    1400px;
  --container-md: 1120px;

  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 6px;

  /* ── SHADOW ──────────────────────────────────────── */
  --shadow-sm:    0 2px 12px rgba(0,0,0,.4);
  --shadow-md:    0 4px 28px rgba(0,0,0,.5);
  --shadow-blue:  0 0 40px rgba(38,80,232,.22), 0 2px 12px rgba(0,0,0,.5);
  --shadow-teal:  0 0 40px rgba(0,201,167,.18), 0 2px 12px rgba(0,0,0,.4);
  --shadow-card:  0 8px 48px rgba(0,0,0,.4);

  /* ── MOTION ──────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:     cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-xs: 120ms;
  --dur-sm: 240ms;
  --dur-md: 420ms;
  --dur-lg: 700ms;
  --dur-xl: 1100ms;

}