/* kayaz web tokens · Kurumsal kimlik kılavuzu, sürüm 1, Ekim 2026 */
:root {
  --kayaz-scarlet: #EC180F;
  --kayaz-milano-red: #CD120A;
  --kayaz-siyah: #1D1D1B;
  --kayaz-beyaz: #FFFFFF;

  --surface: #FFFFFF;
  --surface-alt: #F4F4F4;
  --ink: #1D1D1B;
  --ink-muted: #5C5C5A;
  --line: #E2E2E2;
  --button-bg: #CD120A;
  --button-ink: #FFFFFF;
  --link: #CD120A;
  --focus: #1D1D1B;

  /* Koyu bant: Siyah zemin, beyaz yazı */
  --band: #1D1D1B;
  --band-ink: #FFFFFF;
  --band-ink-muted: rgba(255, 255, 255, .68);
  --band-line: rgba(255, 255, 255, .16);

  /* Nokta dizisi · çap oranı 1 : 1,5 : 2,25 : 3,4 */
  --dot-1: .06em;
  --dot-2: .09em;
  --dot-3: .135em;
  --dot-4: .2em;

  --font-display: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;
  --font-body: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;
  --font-label: "Poppins", system-ui, sans-serif;

  --gutter: 48px;
  --section: 96px;
  --max: 1280px;
  --radius-button: 4px;

  color-scheme: light dark;
}

@media (max-width: 767px) {
  :root { --gutter: 16px; --section: 64px; }
}

/* Koyu tema: zemin ve yazı yer değiştirir */
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #1D1D1B;
    --surface-alt: #262624;
    --ink: #FFFFFF;
    --ink-muted: rgba(255, 255, 255, .68);
    --line: rgba(255, 255, 255, .16);
    --link: #FF6B5E;
    --focus: #FFFFFF;

    --band: #FFFFFF;
    --band-ink: #1D1D1B;
    --band-ink-muted: #5C5C5A;
    --band-line: #E2E2E2;
  }
}