/* Lexend — SIL Open Font License 1.1, kendi sunucumuzdan sunulur */
@font-face{font-family:Lexend;font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/lexend-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:Lexend;font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/lexend-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* TechnoFinans — tasarım tokenları
   Kaynak: tasarım kalıbı (tokens.json). Koyu tema markanın ana temasıdır.
   glow-* ve glass-* değerleri apex_ref görünümü için eklenmiş türetilmiş tonlardır. */
:root {
  /* marka renkleri */
  --navy-950: #1d1e32;
  --navy-900: #202036;
  --navy-800: #22223a;
  --red-600: #d31f20;
  --paper: #f0f0f1;
  --mist: #bfbec2;

  /* anlamsal renkler */
  --surface: var(--navy-900);
  --surface-deep: var(--navy-950);
  --surface-raised: #2b2c47;
  --surface-inverse: var(--paper);
  --ink: var(--paper);
  --ink-muted: var(--mist);
  --ink-inverse: var(--navy-950);
  --accent: var(--red-600);
  --on-accent: #ffffff;
  --accent-text: #f26a6b;
  --hairline: #35375a;
  --border-strong: #8385ab;
  --focus-ring: var(--paper);

  /* apex_ref görünümü için türetilenler (metin rengi olarak kullanılmaz) */
  --glow-blue: #4a6cf7;
  --glow-blue-soft: #8fa4ff;
  --glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.03));
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-shadow: 0 24px 60px rgba(8, 9, 28, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --whatsapp: #25d366;

  /* yazı */
  --font-sans: Lexend, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* boşluk */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;

  /* köşe */
  --radius-0: 0;
  --radius-sm: 4px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  --header-h: 76px;
  --container: 1200px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}