/* Hallmark · tokens · BahŞük Elektrik (demo)
 * theme: custom · vibe: "dağıtım panosu — RAL7035 sac, uyarı sarısı, bakır"
 * axes: paper-band=light (L91.5%) · display-style=display-condensed · accent-hue=chromatic-other (96° sarı)
 */

:root {
  /* ---- Kağıt / yüzeyler -------------------------------------------- */
  --color-paper:        oklch(91.5% 0.006 106);  /* pano sacı — ana zemin */
  --color-paper-2:      oklch(96.8% 0.004 106);  /* kart / açık yüzey */
  --color-paper-3:      oklch(85.5% 0.008 106);  /* girinti, şalter yuvası */
  --color-paper-dark:   oklch(18.5% 0.012 106);  /* koyu bant */
  --color-paper-dark-2: oklch(25.0% 0.014 106);  /* koyu bant üstü yüzey */

  /* ---- Mürekkep ---------------------------------------------------- */
  --color-ink:          oklch(17.5% 0.012 106);
  --color-ink-2:        oklch(37.0% 0.011 106);
  --color-ink-3:        oklch(47.0% 0.010 106);  /* 11px etiketlerde 4.5:1 için 52%'den indirildi */
  --color-on-dark:      oklch(95.0% 0.004 106);
  --color-on-dark-2:    oklch(73.0% 0.008 106);

  /* ---- Aksan: uyarı sarısı ------------------------------------------
   * Asla metin rengi değil. Yalnızca zemin/bara/vurgu bloğu olarak.
   * Üstüne her zaman --color-on-accent gelir.                          */
  --color-accent:       oklch(87.0% 0.175 96);
  --color-accent-deep:  oklch(77.0% 0.165 92);
  --color-on-accent:    oklch(16.0% 0.014 106);

  /* ---- Durum (şalter / LED) ---------------------------------------- */
  --color-on-state:     oklch(72.0% 0.170 148);
  --color-off-state:    oklch(58.0% 0.200 27);
  --color-live:         oklch(55.0% 0.210 27);   /* faz — uyarı metni */

  /* ---- Çizgi ------------------------------------------------------- */
  --color-line:         oklch(72.0% 0.010 106);
  --color-line-dark:    oklch(34.0% 0.014 106);

  /* ---- Atmosfer ---------------------------------------------------- */
  --shadow-panel:       oklch(17.5% 0.012 106 / 0.16);
  --shadow-bar:         oklch(17.5% 0.012 106 / 0.22);
  --glow-bus:           oklch(87.0% 0.175 96 / 0.55);
  --tint-live-soft:     oklch(55.0% 0.210 27 / 0.12);

  --color-focus:        oklch(52.0% 0.200 258);

  /* ---- Tipografi --------------------------------------------------- */
  --font-display: "Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;
  --font-body:    "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono:    "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-2xs:   0.6875rem;
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.375rem;
  --text-2xl:   1.75rem;
  --text-3xl:   2.25rem;
  --text-4xl:   clamp(2.25rem, 5vw, 3.5rem);
  --text-display-s: clamp(2.4rem, 6.5vw, 4.5rem);
  --text-display:   clamp(3rem, 10vw, 8.5rem);

  /* ---- Boşluk (4pt) ------------------------------------------------ */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;

  /* ---- Hareket ----------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 140ms;
  --dur-fast:  180ms;
  --dur:       280ms;
  --dur-slow:  520ms;

  /* ---- Kenar / kural ----------------------------------------------- */
  --radius-sm:   2px;
  --rule-hair:   1px;
  --rule:        2px;
  --rule-thick:  3px;
  --rule-slab:   4px;

  /* ---- Ölçü -------------------------------------------------------- */
  --measure:   60ch;
  --page:      74rem;
  --gutter:    clamp(1.15rem, 4.5vw, 3rem);
  --callbar-h: 64px;
  --switch-h:  48px;
  --switch-travel: 22px;
}