/* ==========================================================================
   Otro Pilates — Design Tokens
   Kaynak: design-system/otro-pilates/MASTER.md
   Stil: Soft UI Evolution · Variance 4/10 · Motion 4/10 · Density 3/10
   Bu dosyadaki değerler design system çıktısından BİREBİR alınmıştır.
   Elle renk/font eklemeyin — önce MASTER.md güncellensin.
   ========================================================================== */

:root {
  /* --- Renk paleti — "Lacivert & Pudra" ---------------------------------
     /palet sayfasındaki 10 aday arasından seçildi.
     13 metin/zemin çiftinin tamamı WCAG AA (4,5:1) eşiğini geçiyor.
     Tipografi, boşluk ve gölge değerleri hâlâ MASTER.md'den geliyor;
     yalnızca renk paleti değiştirildi.
     -------------------------------------------------------------------- */
  --color-primary: #24406b;
  --color-on-primary: #ffffff;
  --color-secondary: #f0d9d6;
  --color-on-secondary: #16233a;
  --color-accent: #a85448;
  --color-on-accent: #ffffff;
  --color-background: #f6f8fb;
  --color-foreground: #16233a;
  --color-card: #ffffff;
  --color-card-foreground: #16233a;
  --color-muted: #e8edf4;
  --color-muted-foreground: #3f5170;
  --color-border: #d2dce9;
  --color-destructive: #dc2626;
  --color-on-destructive: #ffffff;
  --color-ring: #24406b;

  /* Türetilmiş yardımcılar (yeni renk değil, aynı tonun koyu/alfa varyantları).
     Koyu tonlar YALNIZCA metin renginde kullanılır; dolgu, kenarlık ve ikon
     renginde token'ın kendisi kullanılmaya devam eder. */
  --color-primary-text: #1b3253;      /* #24406B'nin koyusu — beyazda 11,5:1 */
  --color-destructive-text: #991b1b;  /* #DC2626'nın koyusu — todo rozetinde 6,8:1 */
  --color-primary-soft: rgba(36, 64, 107, 0.12);
  --color-accent-soft: rgba(168, 84, 72, 0.12);
  --color-ring-soft: rgba(36, 64, 107, 0.35);
  --color-destructive-soft: rgba(220, 38, 38, 0.08);
  /* [[ DOLDURULACAK ]] rozeti her zeminde okunmalı — koyu hero'nun üzerinde de.
     Alfa zemin oraya oturunca metin 2,2:1'e düşüyordu; opak açık zemin 7,3:1 veriyor. */
  --color-destructive-bg: #fdecec;

  /* --- Spacing (Density 3/10 — Spacious) --- */
  --space-xs: 0.25rem;  /*  4px */
  --space-sm: 0.5rem;   /*  8px */
  --space-md: 1.5rem;   /* 24px */
  --space-lg: 2rem;     /* 32px */
  --space-xl: 3rem;     /* 48px */
  --space-2xl: 4rem;    /* 64px */
  --space-3xl: 6rem;    /* 96px */

  /* --- Gölgeler (Soft UI Evolution) --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

  /* --- Tipografi --- */
  --font-heading: 'Lora', 'Georgia', 'Times New Roman', serif;
  --font-body: 'Raleway', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --text-xs: 0.8125rem;   /* 13px */
  --text-sm: 0.9375rem;   /* 15px */
  --text-base: 1.0625rem; /* 17px */
  --text-lg: 1.1875rem;   /* 19px */
  --text-xl: 1.375rem;    /* 22px */
  --text-2xl: 1.75rem;    /* 28px */
  --text-3xl: clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);
  --text-4xl: clamp(2.25rem, 1.4rem + 4vw, 4rem);

  --leading-tight: 1.18;
  --leading-snug: 1.35;
  --leading-normal: 1.65;

  /* --- Köşe yarıçapı (MASTER.md component specs) --- */
  --radius-sm: 8px;   /* buton, input */
  --radius-md: 12px;  /* kart */
  --radius-lg: 16px;  /* modal, büyük panel */
  --radius-full: 999px;

  /* --- Hareket (Motion 4/10 — Standard, 200–300ms) --- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-back: cubic-bezier(0.34, 1.4, 0.64, 1);
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --duration-reveal: 420ms;

  /* --- Layout --- */
  --container-max: 1200px;
  --container-narrow: 760px;
  --gutter: var(--space-md);
}

@media (min-width: 768px) {
  :root {
    --gutter: var(--space-lg);
  }
}

/* Motion 0 — MASTER.md: "prefers-reduced-motion respected" */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-base: 1ms;
    --duration-slow: 1ms;
    --duration-reveal: 1ms;
  }
}