/* Tek tema kaynağı: Tailwind, eski Bootstrap sınıfları ve body portalları.
 * Durumlar: yeşil = başarı, kehribar = uyarı, kırmızı = hata.
 * Modül renkleri durum bildirmez; metin/ikonlar pastel yüzeyde koyu kalır.
 * Boşluklar Tailwind'in 4px biriminden, köşeler bileşen boyutundan türetilir.
 */
:root {
  color-scheme: light;
  --spacing: 0.25rem;
  --ea-space-1: calc(var(--spacing) * 1);
  --ea-space-2: calc(var(--spacing) * 2);
  --ea-space-3: calc(var(--spacing) * 3);
  --ea-space-4: calc(var(--spacing) * 4);
  --ea-space-5: calc(var(--spacing) * 5);
  --ea-space-6: calc(var(--spacing) * 6);
  --ea-space-8: calc(var(--spacing) * 8);
  --ea-page-gutter: clamp(var(--ea-space-3), 2vw, var(--ea-space-6));
  --ea-card-space: var(--ea-space-5);
  --radius: 0.75rem;
  --ea-radius-sm: 0.5rem;
  --ea-radius-control: var(--radius);
  --ea-radius-card: 1.25rem;
  --ea-radius-dialog: 1.5rem;
  --ea-radius-pill: 999px;
  --ea-shadow-control: 0 1px 2px rgb(40 51 69 / 5%);
  --ea-shadow-card: 0 2px 8px rgb(40 51 69 / 4%), 0 1px 2px rgb(40 51 69 / 3%);
  --ea-shadow-popover: 0 8px 28px rgb(40 51 69 / 12%), 0 2px 6px rgb(40 51 69 / 4%);
  --ea-shadow-dialog: 0 20px 64px rgb(40 51 69 / 18%);
  --ea-overlay: rgb(28 38 55 / 32%);

  --background: #f7f7f5;
  --foreground: #283345;
  --card: #ffffff;
  --primary: #3865ad;
  --primary-hover: #2c528e;
  --primary-foreground: #ffffff;
  --primary-soft: #eaf1ff;
  --primary-soft-hover: #dce7fc;
  --primary-border: #cbdaf2;
  --secondary: #f0edf7;
  --secondary-foreground: #594978;
  --muted: #f0f2f5;
  --muted-foreground: #5d6878;
  --border: #dfe4eb;
  --input: #8995a5;

  --success: #247254;
  --success-soft: #eaf6ef;
  --success-border: #c5e5d4;
  --warning: #885918;
  --warning-soft: #fff5df;
  --warning-border: #efdcab;
  --destructive: #b03d4d;
  --destructive-soft: #fff0f1;
  --destructive-border: #efcbd1;
  --info: #226779;
  --info-soft: #e8f5f8;
  --info-border: #c2e2e9;
  --iris: #7052a3;
  --iris-soft: #f2edfb;
  --iris-border: #ded2f0;
  --coral: #985029;
  --coral-soft: #fff0e5;
  --coral-border: #f0d5bf;
  --rose: #993c67;
  --rose-soft: #fceef4;
  --rose-border: #edcddd;
  --navbar: #304d72;
  --navbar-system: #46405d;
  --navbar-admin: #304d72;
  --navbar-principal: #315d4c;
  --navbar-deputy: #315e60;
  --navbar-finance: #76503c;
  --navbar-health: #783f54;
  --navbar-guidance: #5d4b7a;
  --navbar-manager: #345c6d;
  --navbar-library: #51436c;


}

/* Mevcut koyu tema tüketicileri aynı semantik eşlemeyi kullanır. */
.dark {
  color-scheme: dark;
  --background: #1c2330;
  --foreground: #e8edf5;
  --card: #252e3c;
  --primary: #adc9fa;
  --primary-hover: #c8dbfc;
  --primary-foreground: #1d304e;
  --primary-soft: #2d405e;
  --primary-soft-hover: #354d70;
  --primary-border: #4e668c;
  --secondary: #393348;
  --secondary-foreground: #ded2f3;
  --muted: #303a49;
  --muted-foreground: #b6c1d0;
  --border: #424d5d;
  --input: #718197;
  --success: #9cdbbc;
  --success-soft: #263f36;
  --success-border: #3f6856;
  --warning: #f0cf8d;
  --warning-soft: #443b2b;
  --warning-border: #71603d;
  --destructive: #f4adb7;
  --destructive-soft: #482f38;
  --destructive-border: #744752;
  --info: #a0d8e4;
  --info-soft: #283e49;
  --info-border: #426976;
  --iris: #cfb8f3;
  --iris-soft: #3b324d;
  --iris-border: #62507c;
  --coral: #efbf9c;
  --coral-soft: #46362d;
  --coral-border: #755540;
  --rose: #ecb1ce;
  --rose-soft: #463042;
  --rose-border: #754f67;
}

/* Yeniden eşle: .dark alt ağacında da değişkenler yerel paletten çözülür. */
:root, .dark {
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --accent: var(--primary-soft);
  --accent-foreground: var(--primary);
  --ring: var(--primary);
  --sidebar: var(--card);
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--primary-soft);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --chart-1: var(--primary);
  --chart-2: var(--iris);
  --chart-3: var(--info);
  --chart-4: var(--coral);
  --chart-5: var(--success);

  --ea-ink: var(--foreground);
  --ea-muted: var(--muted-foreground);
  --ea-line: var(--border);
  --ea-line-strong: var(--border);
  --ea-radius: var(--ea-radius-card);
  --ea-primary: var(--primary);
  --ea-primary-rgb: 56, 101, 173;
  --bs-primary-rgb: var(--ea-primary-rgb);
  --bs-secondary-rgb: 93, 104, 120;
  --bs-success-rgb: 36, 114, 84;
  --bs-danger-rgb: 176, 61, 77;
  --bs-warning-rgb: 136, 89, 24;
  --bs-info-rgb: 34, 103, 121;
  --bs-body-bg: var(--card);
  --bs-secondary-color: var(--muted-foreground);
  --bs-border-color: var(--border);
  --ea-table-head: var(--muted);
  --ea-table-head-ink: var(--muted-foreground);
  --ea-table-stripe: color-mix(in srgb, var(--muted) 35%, var(--card));
  --ea-table-hover: var(--primary-soft);
  --ea-table-line: var(--border);
}



/* Aynı modül rengi menü, hızlı erişim ve öğrenci özetlerinde paylaşılır. */
[data-tone] { --play-color: var(--primary); --play-soft: var(--primary-soft); --play-icon: var(--primary-border); }
[data-tone='iris'] { --play-color: var(--iris); --play-soft: var(--iris-soft); --play-icon: var(--iris-border); }
[data-tone='mint'] { --play-color: var(--success); --play-soft: var(--success-soft); --play-icon: var(--success-border); }
[data-tone='peach'] { --play-color: var(--coral); --play-soft: var(--coral-soft); --play-icon: var(--coral-border); }
[data-tone='sun'] { --play-color: var(--warning); --play-soft: var(--warning-soft); --play-icon: var(--warning-border); }
[data-tone='rose'] { --play-color: var(--rose); --play-soft: var(--rose-soft); --play-icon: var(--rose-border); }
[data-tone='danger'] { --play-color: var(--destructive); --play-soft: var(--destructive-soft); --play-icon: var(--destructive-border); }