/* ============================================================================
   ANAX Capital — Design Tokens (Latest Brand Kit v3, 2026)
   Source: 03 Colour Studio · 02 Fonts & Typography · 06 Voice
   ============================================================================ */
:root {
  /* ---------- Core palette (6 anchored) ---------- */
  --structural-white:   #FFFFFF;     /* Surface · background */
  --aerial-blueprint:   #B6DCFE;     /* Light accent · tint */
  --control-blue:       #6DA6F2;     /* Primary action · link */
  --ground-vector:      #002531;     /* Foundation · ink */
  --calibrated-sand:    #B39A7E;     /* Premium accent */
  --terminal-black:     #000000;     /* Type · stroke */

  /* ---------- Semantic tokens (back-compat names) ---------- */
  --bg:           #FFFFFF;
  --bg-tint:      #F5F9FE;
  --bg-deep:      #002531;
  --ink:          #002531;
  --ink-2:        #001824;
  --body:         #1A3A47;
  --muted:        #5A6B75;
  --border:       #C7D8E8;
  --border-soft:  #E6F1FE;

  /* Primary — Control Blue stack
     Interactive tokens are darkened from brand Control Blue (#6DA6F2)
     to meet WCAG 2.1 AA contrast (≥4.5:1 normal text, ≥3:1 UI/large).
     Literal Control Blue is exposed as --control-blue for decorative use
     (hero gradients, chart strokes, large-surface accents). */
  --primary:      #1F5FA8;   /* interactive — white text 7.5:1 AAA */
  --primary-700:  #143F73;   /* hover/active — white text 11:1 AAA */
  --primary-500:  #2974DD;   /* mid accent — white text 5:1 AA */
  --primary-300:  #6DA6F2;   /* decorative tint (=Control Blue) */
  --primary-100:  #E6F1FE;
  --primary-050:  #F5F9FE;
  --link:         #1F5FA8;
  --link-hover:   #143F73;

  /* Semantic */
  --success:      #1A8F4E;
  --danger:       #C2354F;
  --warn:         #D78A1A;

  /* Premium accent — Calibrated Sand (replaces gold) */
  --gold:         #B39A7E;
  --gold-700:     #7F614B;
  --gold-500:     #B39D73;
  --gold-100:     #FAF0E6;
  --sand:         #B39A7E;
  --sand-deep:    #7F614B;
  --sand-tint:    #FAF0E6;

  /* ---------- Custom gradients (8 calibrated from Colour Studio) ---------- */
  --grad-hero-light:   linear-gradient(180deg, #6DA6F2 0%, #F5F9FE 100%);
  --grad-hero-dark:    linear-gradient(180deg, #6DA6F2 0%, #002531 100%);
  --grad-sand-1:       linear-gradient(180deg, #7F614B 0%, #FAF0E6 100%);
  --grad-sage:         linear-gradient(180deg, #A2A391 0%, #F0D6BE 100%);
  --grad-sand-lav:     linear-gradient(180deg, #B39D73 0%, #BCC5DB 100%);
  --grad-tan:          linear-gradient(180deg, #7F614B 0%, #FFFBE5 100%);
  --grad-dark-warm:    linear-gradient(180deg, #2D1A0C 0%, #FDECC9 100%);
  --grad-cool-warm:    linear-gradient(180deg, #2D2D2D 0%, #FFFBE5 100%);

  /* ---------- Shadows (Control Blue / Ground Vector tinted) ---------- */
  --shadow-card:  0 10px 30px rgba(0,37,49,0.10);
  --shadow-hi:    0 24px 60px rgba(0,37,49,0.22);
  --shadow-glow:  0 0 0 6px rgba(109,166,242,0.18);

  /* ---------- Type — TT Hoves Pro (Latin) · DIN Arabic (RTL) ---------- */
  --ff-display:   'Hoves', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-body:      'Hoves', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-arabic:    'DINArabic', 'Tahoma', 'Geeza Pro', sans-serif;
  --ff:           var(--ff-display);

  /* ---------- Scale ---------- */
  --container:    1240px;
  --gutter:       24px;
  --radius-sm:    10px;
  --radius:       16px;
  --radius-lg:    24px;
  --radius-pill:  999px;

  /* ---------- Easing ---------- */
  --ease:         cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---------- Type scale ---------- */
  --t-9:  clamp(48px, 7vw, 96px);
  --t-8:  clamp(40px, 5.6vw, 72px);
  --t-7:  clamp(34px, 4.6vw, 56px);
  --t-6:  clamp(28px, 3.6vw, 44px);
  --t-5:  clamp(22px, 2.6vw, 30px);
  --t-4:  20px;
  --t-3:  17px;
  --t-2:  15px;
  --t-1:  13px;
  --t-0:  11px;
}

/* ---------- TT Hoves Pro (Trial — replace with licensed weights before production) ---------- */
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Thin.ttf') format('truetype');
  font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial ExtraLight.ttf') format('truetype');
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Light Italic.ttf') format('truetype');
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial DemiBold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Hoves';
  src: url('../fonts/TT Hoves Pro Trial Italic.ttf') format('truetype');
  font-weight: 400; font-style: italic; font-display: swap;
}

/* ---------- DIN Arabic (bilingual pair) ---------- */
@font-face {
  font-family: 'DINArabic';
  src: url('../fonts/DINArabic-Light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'DINArabic';
  src: url('../fonts/DINArabic.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'DINArabic';
  src: url('../fonts/DINArabic-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'DINArabic';
  src: url('../fonts/DINArabic-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---------- Arabic locale switch ---------- */
html[lang="ar"], html[dir="rtl"],
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 {
  font-family: var(--ff-arabic);
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}