/* Okul Etiketi — Claymorphism design tokens
   Varsayılan tema: yeşil. Kız: pembe. Erkek: mavi.
   Kontrast: ink/bg AA. Accent dolgular küçük metinde kullanılmaz. */
:root,
[data-theme="yesil"] {
  --bg: #f2faf6;
  --bg-glow-a: rgba(94, 191, 181, 0.35);
  --bg-glow-b: rgba(245, 200, 76, 0.2);
  --ink: #2a2438;
  --ink-muted: #5c5670;
  --clay: #d8f0e8;
  --clay-light: #eaf8f3;
  --accent: #5ebfb5;
  --accent-dark: #3a9a90;
  --mint: var(--accent);
  --mint-dark: var(--accent-dark);
  --mint-fg: #ffffff;
  --sky: #5ba4d9;
  --coral: #f0785a;
  --path: #f5c84c;
  --cta-bg: #2a2438;
  --cta-fg: #fff8f0;
  --card-bg: #ffffff;
  --border: #b8ddd4;
  --danger: #c43c3c;
  --success: #3a9a90;
  --gender-kiz: #f07aa5;
  --gender-erkek: #5ba4d9;

  --font-display: "Nunito", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
  --font-label: "Sofia Sans Condensed", "Nunito", system-ui, sans-serif;

  --radius: 20px;
  --radius-sm: 14px;
  --radius-lg: 28px;
  --border-w: 3px;
  --shadow-outer: 4px 6px 0 rgba(42, 36, 56, 0.12);
  --shadow-inner: inset -2px -3px 8px rgba(42, 36, 56, 0.06);
  --shadow-clay: var(--shadow-inner), var(--shadow-outer);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --touch: 48px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --max: 720px;
}

[data-theme="kiz"] {
  --bg: #fff0f5;
  --bg-glow-a: rgba(240, 122, 165, 0.35);
  --bg-glow-b: rgba(185, 155, 224, 0.22);
  --clay: #ffd6e5;
  --clay-light: #ffeaf2;
  --accent: #f07aa5;
  --accent-dark: #d45a88;
  --mint: var(--accent);
  --mint-dark: var(--accent-dark);
  --mint-fg: #ffffff;
  --path: #ffb3cc;
  --border: #f5c0d4;
}

[data-theme="erkek"] {
  --bg: #eef6fc;
  --bg-glow-a: rgba(91, 164, 217, 0.4);
  --bg-glow-b: rgba(44, 76, 140, 0.12);
  --clay: #cfe6f7;
  --clay-light: #e4f2fb;
  --accent: #5ba4d9;
  --accent-dark: #3d84b8;
  --mint: var(--accent);
  --mint-dark: var(--accent-dark);
  --mint-fg: #ffffff;
  --path: #8ec5eb;
  --border: #a8cce5;
}

/* Seçilen etiket renginden JS ile inline değişkenler basılır */
[data-theme="label"] {
  --ink: #2a2438;
  --ink-muted: #5c5670;
  --cta-bg: #2a2438;
  --cta-fg: #fff8f0;
  --card-bg: #ffffff;
}