/* ==========================================================================
   premiumwebsitesi — Tasarım Token'ları
   Konsept: "Atölye / Blueprint" — açık zemin, derin lacivert yapı + tek teal aksan
   ========================================================================== */

:root {
  /* --- Marka renkleri (ham) --- */
  --navy:   #002B5B;   /* Derin Lacivert — Trust (ana) */
  --gold:   #BF9432;   /* Fırçalanmış Altın — Premium (vurgu) */
  --teal:   #00A3C1;   /* Teknoloji Camgöbeği — Highlight */
  --white:  #ffffff;
  --gray:   #A0A0A0;
  --black:  #000000;

  /* --- Lacivert skalası --- */
  --navy-950: #00112a;
  --navy-900: #001a3a;
  --navy-800: #002247;
  --navy-700: #002B5B;   /* marka */
  --navy-600: #07407c;
  --navy-500: #0e5499;
  --navy-400: #2f74bd;

  /* --- Altın skalası --- */
  --gold-700: #856526;
  --gold-600: #a37e2b;
  --gold-500: #BF9432;   /* marka */
  --gold-400: #d4ad52;
  --gold-300: #e7c982;
  --gold-200: #f2e2b9;
  --gold-100: #faf3e1;

  /* --- Camgöbeği skalası --- */
  --teal-800: #006077;
  --teal-700: #007a91;   /* açık zeminde metin için kontrast-güvenli */
  --teal-600: #008fab;
  --teal-500: #00A3C1;   /* marka */
  --teal-400: #3cbdd7;
  --teal-300: #7ad6e8;

  /* --- Nötr / metin (açık zemin) --- */
  --ink:        #0a1426;   /* ana metin (~17:1) */
  --ink-2:      #33415c;   /* ikincil metin (~8:1) */
  --muted:      #5b677e;   /* muted metin (~4.9:1) */
  --ink-muted:  #9aa6ba;   /* iki-tonlu başlık "gri" lead (launchfolio) */
  --paper:      #ffffff;
  --paper-2:    #f5f8fc;   /* açık bölüm zemini */
  --paper-3:    #eaf0f8;   /* daha koyu açık zemin */
  --line:       #e3e9f2;   /* ince kenarlık */
  --line-2:     #d2dcea;
  --grid-line:  rgba(0, 43, 91, 0.06);   /* blueprint ızgara çizgisi */
  --teal-tint:  rgba(0, 163, 193, 0.08); /* teal hover dolgusu */

  /* --- Koyu (lacivert) bölüm context'i --- */
  --d-fg:    #eef3fa;
  --d-fg-2:  #c6d2e6;
  --d-muted: #98a8c4;      /* lacivert üstünde ~7:1 */
  --d-line:  rgba(255,255,255,.12);
  --d-line-2:rgba(255,255,255,.20);
  --d-card:  rgba(255,255,255,.045);
  --d-card-2:rgba(255,255,255,.07);

  /* --- Semantik (varsayılan: açık context) --- */
  --bg:      var(--paper);
  --fg:      var(--ink);
  --fg-soft: var(--ink-2);
  --fg-muted:var(--muted);
  --accent:  var(--teal-700);      /* tek aksan: teknolojik teal (AA) */
  --accent-ink: var(--teal-700);
  --highlight:  var(--teal-700);   /* link/highlight */
  --border:  var(--line);
  --card:    #ffffff;

  /* --- Tipografi --- */
  --font-display: 'Switzer', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Switzer', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Fragment Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --fs-xs:   clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --fs-sm:   clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);
  --fs-base: clamp(1rem, 0.97rem + 0.22vw, 1.0625rem);
  --fs-md:   clamp(1.125rem, 1.04rem + 0.42vw, 1.3rem);
  --fs-lg:   clamp(1.3rem, 1.12rem + 0.78vw, 1.7rem);
  --fs-xl:   clamp(1.6rem, 1.28rem + 1.4vw, 2.2rem);
  --fs-2xl:  clamp(2rem, 1.5rem + 2.3vw, 3.1rem);
  --fs-3xl:  clamp(2.5rem, 1.75rem + 3.5vw, 4.2rem);
  --fs-4xl:  clamp(3rem, 1.9rem + 5.0vw, 5.6rem);   /* hero */

  --lh-tight:   1.04;
  --lh-heading: 1.12;
  --lh-snug:    1.32;
  --lh-body:    1.72;

  --ls-eyebrow: 0.2em;
  --ls-tight:  -0.02em;
  --ls-tighter:-0.035em;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-black:   900;

  /* --- Boşluk (akışkan) --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  2.5rem;
  --space-8:  3rem;
  --space-10: 4rem;
  --space-12: clamp(3.5rem, 2.5rem + 3vw, 6rem);
  --space-16: clamp(5.5rem, 3.5rem + 6vw, 10rem);   /* bölüm dikey padding (havadar) */
  --space-20: clamp(6rem, 4rem + 7vw, 11rem);

  /* --- Yerleşim --- */
  --container:     1200px;
  --container-wide:1340px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 1rem + 3.5vw, 4rem);

  /* --- Köşe --- */
  --r-xs:  6px;
  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-xl:  34px;
  --r-pill:999px;

  /* --- Gölge (lacivert tonlu, premium) --- */
  --shadow-xs: 0 1px 2px rgba(0, 25, 60, 0.06);
  --shadow-sm: 0 4px 14px rgba(0, 25, 60, 0.07);
  --shadow-md: 0 14px 40px rgba(0, 25, 60, 0.10);
  --shadow-lg: 0 30px 70px rgba(0, 25, 60, 0.16);
  --shadow-gold: 0 18px 50px rgba(191, 148, 50, 0.28);
  --shadow-inset-line: inset 0 0 0 1px var(--line);

  /* --- Geçiş / easing --- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.18s;
  --dur:      0.3s;
  --dur-slow: 0.6s;
  --dur-slower: 0.9s;

  /* --- Z-index ölçeği --- */
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  50;
  --z-header:  100;
  --z-float:   200;
  --z-overlay: 280;
  --z-modal:   300;
  --z-toast:   400;

  /* --- Marka degrade / efektler --- */
  --grad-gold: linear-gradient(135deg, #d4ad52 0%, #BF9432 45%, #856526 100%);
  --grad-gold-soft: linear-gradient(135deg, #f2e2b9 0%, #d4ad52 100%);
  --grad-navy: linear-gradient(160deg, #002B5B 0%, #001a3a 60%, #00112a 100%);
  --grad-teal-gold: linear-gradient(120deg, var(--teal-500), var(--gold-400));
  --grad-text-gold: linear-gradient(100deg, #e7c982 0%, #BF9432 55%, #a37e2b 100%);
}

/* Koyu (lacivert) bölümler bu sınıfı taşıdığında semantik token'lar yer değiştirir */
.is-dark {
  --bg: var(--navy-700);
  --fg: var(--d-fg);
  --fg-soft: var(--d-fg-2);
  --fg-muted: var(--d-muted);
  --accent: var(--teal-400);
  --accent-ink: var(--teal-300);
  --highlight: var(--teal-400);
  --border: var(--d-line);
  --card: var(--d-card);
  color-scheme: dark;
}