/*
 * Apkon Bobinaj tasarım token'ları.
 * Palet logodan türetildi: "BOBİNAJ" satırının lacivert-moru (#2b286f) ana renk, "APKON" satırının kırmızısı eylem
 * rengi, koyu bölümlerde düşük doygunluklu çivit-kömür zemin, açık bölümlerde lacivert esintili soğuk gri.
 * Bakır tonu yalnız sargı çizimlerinde ve küçük malzeme vurgularında kullanılır (bobinajın malzemesi bakırdır).
 * Doygunluk bilerek düşük tutulur; logodaki parlak kırmızı (#ed1c24) yalnız logodadır, arayüzdeki kırmızı bir ton
 * koyudur (beyaz metinle 5.6:1). Oran: %60 açık zemin, %30 lacivert/çivit, %10 kırmızı.
 * Yeni CSS'te renkleri doğrudan yazmayın, buradaki anlamsal token'ları kullanın; saydam ton gerekirse color-mix ile.
 */
:root {
  /* Marka */
  --color-brand: #2b286f; /* logo laciverti — beyaz üzerinde 13:1 */
  --color-brand-strong: #201e56;
  --color-logo-red: #ed1c24; /* yalnız logo */
  --color-brand-light: #b7b6dc; /* koyu zeminde küçük başlık ve vurgular — çivit üzerinde 8.8:1 */
  --color-brand-tint: #ebeaf5;
  --color-accent: #c8262c; /* sinyal kırmızısı — üzerinde beyaz metin 5.6:1 */
  --color-accent-strong: #a91f25;
  --color-on-accent: #ffffff;
  --color-accent-on-light: #b3222a; /* açık zeminde kırmızı metin/çizgi — beyazda 6.6:1, gride 5.9:1 */
  --color-accent-on-dark: #f2686c; /* koyu zeminde kırmızı metin — çivit üzerinde 6.2:1 */
  --color-copper: #b4703a; /* sargı teli — beyaz üzerinde 3.9:1 (yalnız grafik) */
  --color-copper-light: #dc9a63; /* koyu zeminde bakır */

  /* Zemin ve metin (ITA/UNESA token adları korunur) */
  --color-ink: #191a2c; /* çivit-kömür zemin */
  --color-ink-raised: #232438;
  --color-ink-deep: #121320; /* alt bilgi */
  --color-paper: #ffffff;
  --color-stone: #f2f2f5; /* lacivert esintili soğuk gri */
  --color-line: #dedde6;
  --color-line-strong: var(--color-ink);
  --color-line-on-dark: color-mix(in srgb, var(--color-text-on-dark) 13%, transparent);
  --color-text: #191a2c; /* beyazda 17:1 */
  --color-text-muted: #565869; /* beyazda 7:1, gride 6.2:1 */
  --color-text-on-dark: #eeeef4;
  --color-text-on-dark-muted: #a9aabf; /* çivit zeminde 7.5:1 */
  --color-overlay: color-mix(in srgb, var(--color-ink-deep) 72%, transparent);
  --color-skeleton: #e6e6ec;
  --color-field-border: #bdbcc9;
  --color-placeholder: #6a6c7c; /* beyazda 5.2:1 */
  --color-prose: #2a2b3d;
  --color-danger: #b42318;
  --color-danger-on-dark: #ff8a80;
  --color-success: #17663f;
  --color-success-on-dark: #7ddba8;
  --color-note: #fff7e8;
  --color-note-line: #f0b37e;
  --color-note-text: #6b3a12;

  /* Kesit taraması (koyu bölümler ve başlık bantları): teknik resimdeki 45° kesit çizgileri, ancak yakından fark edilir.
   * Sınıf adı (.blueprint) altyapıdan korunur. */
  --hatch-line: color-mix(in srgb, var(--color-text-on-dark) 4%, transparent);
  --hatch-line-strong: color-mix(in srgb, var(--color-text-on-dark) 7%, transparent);
  --hatch-gap: 14px;

  /* Logo: "APKON" kırmızı, "BOBİNAJ" bağlama göre (açık zeminde lacivert, koyu zeminde açık) */
  --logo-accent-color: var(--color-logo-red);
  --logo-ink-color: var(--color-brand);

  /* Tipografi: Archivo'nun genişlik ekseni başlıklarda daraltılır (tabela/etiket görünümü), gövde normal genişlikte. */
  --font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --stretch-display: 88%;
  --stretch-body: 100%;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  --text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --text-2xl: clamp(1.75rem, 1.35rem + 1.8vw, 2.75rem);
  --text-3xl: clamp(2.1rem, 1.45rem + 2.8vw, 3.75rem);
  --text-display: clamp(2.5rem, 1.35rem + 4.3vw, 5.1rem);

  --leading-tight: 1.02;
  --leading-snug: 1.18;
  --leading-normal: 1.45;
  --leading-body: 1.65;
  --tracking-tight: -0.015em;
  --tracking-snug: -0.005em;
  --tracking-wide: 0.14em;

  /* Boşluklar */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 2.75rem + 5vw, 7.5rem);
  --space-section-tight: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);

  /* Yerleşim */
  --container: 1320px;
  --container-medium: 1040px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3rem);
  --topbar-height: 38px;
  --header-bar-height: 84px;
  --header-height: calc(var(--topbar-height) + var(--header-bar-height));
  --header-height-compact: 72px;
  /* İki satırlı logo (en/boy ≈ 2.07) */
  --logo-height: 50px;
  --logo-height-compact: 42px;
  --logo-aspect: 314 / 151.4;
  --border-width: 1px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-pill: 999px;

  /* Gölgeler */
  --shadow-card: 0 1px 2px color-mix(in srgb, var(--color-ink) 5%, transparent),
    0 18px 40px -20px color-mix(in srgb, var(--color-ink) 28%, transparent);
  --shadow-floating: 0 10px 30px -8px color-mix(in srgb, var(--color-ink-deep) 45%, transparent);

  /* Hareket */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.2s;
  --duration-base: 0.45s;
  --duration-slow: 0.9s;
  --rotor-period: 9s; /* motor kesiti çizimindeki rotorun bir turu */

  /* Katmanlar */
  --layer-raised: 1;
  --layer-fab: 40;
  --layer-header: 50;
  --layer-progress: 55;
}

@media (max-width: 1023px) {
  :root {
    --topbar-height: 0px;
    --header-bar-height: 72px;
    --header-height-compact: 64px;
    --logo-height: 42px;
    --logo-height-compact: 38px;
  }
}