:root {
  --kagit: #f3f5f6;
  --kagit-2: #eaeef1;
  --yuzey: #ffffff;
  --murekkep: #182739;
  --murekkep-2: #26384e;
  --metin: #1c2a3a;
  --soluk: #56677a;
  --soluk-2: #64738a;
  --cizgi: #d6dee4;
  --cizgi-koyu: #a9b7c3;
  --guvence: #0b7a62;
  --guvence-koyu: #075a48;
  --guvence-acik: #e1f1eb;
  --guvence-parlak: #34c49c;
  --guilloche: #d7e3ec;
  --damga: #b2322a;
  --damga-acik: #fbeceb;
  --uyari: #8a5a00;
  --uyari-acik: #fff3d4;
  --bilgi-acik: #e7eef5;
  --yaricap-kucuk: 4px;
  --yaricap: 6px;
  --yaricap-buyuk: 12px;
  --golge-1: 0 1px 2px rgba(24, 39, 57, 0.06), 0 1px 1px rgba(24, 39, 57, 0.04);
  --golge-2: 0 10px 30px rgba(24, 39, 57, 0.10), 0 2px 6px rgba(24, 39, 57, 0.06);
  --golge-3: 0 24px 64px rgba(10, 18, 30, 0.28);
  --bosluk-1: 4px;
  --bosluk-2: 8px;
  --bosluk-3: 12px;
  --bosluk-4: 16px;
  --bosluk-5: 24px;
  --bosluk-6: 32px;
  --bosluk-7: 48px;
  --bosluk-8: 72px;
  --yazi: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --yazi-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --boy-xs: 0.8125rem;
  --boy-s: 0.9375rem;
  --boy-m: 1.0625rem;
  --boy-l: 1.25rem;
  --boy-xl: clamp(1.4rem, 1.15rem + 1vw, 1.8rem);
  --boy-xxl: clamp(2rem, 1.35rem + 2.8vw, 3.25rem);
  --gecis: 160ms cubic-bezier(0.2, 0.7, 0.3, 1);
  --odak: 0 0 0 3px rgba(11, 122, 98, 0.35);
  --genislik: 1180px;
  --kenar: 16px;
  color-scheme: light;
}

html[lang='ar'] {
  --yazi: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, Tahoma, Arial, sans-serif;
}