/* Akademi tasarım dili · tokens.css (L · Cam ve Işık)
   Tüm renk, boşluk ve hareket değerleri buradan gelir. Bileşenlerde sabit renk yazma, hep bu değişkenleri kullan.
   Yeni bir uygulama için yalnızca --accent (ve gerekirse --on-accent, --accent-2) değiştirilir. */
:root{
  /* Marka */
  --accent:#FF4D1F;          /* Akademi One turuncusu. Başka uygulamada değiştir. */
  --accent-2:#FF8A5B;        /* turuncunun açık ucu: halka ve çubuk geçişleri */
  --on-accent:#1B1530;       /* Vurgu rengi üstündeki yazı. Beyaz kullanma: turuncuda kontrast yetmiyor. */

  /* Açık tema: ışıklı zemin, buzlu cam */
  --bg:#FFF6F0;
  --orb-1:#FF7A45; --orb-2:#FFC6A8; --orb-3:#C9C1FF; --orb-4:#FFE1CF;   /* zemindeki yumuşak ışıklar */
  --surface:#FFFFFF;                        /* düz yüzey (alt panel, giriş alanı) */
  --glass:rgba(255,255,255,.58);            /* cam kart */
  --glass-soft:rgba(255,255,255,.36);       /* ikincil cam (pasif öğe) */
  --glass-line:rgba(255,255,255,.85);       /* camın parlak kenarı */
  --glass-blur:18px;
  --shadow:0 14px 32px rgba(110,60,90,.13);
  --shadow-lg:0 22px 44px rgba(110,60,90,.18);
  --ink:#1B1530; --muted:#5C5672; --line:rgba(27,21,48,.09);
  --ok:#137A4E;  --ok-bg:rgba(61,220,151,.20);
  --bad:#B42318; --bad-bg:rgba(255,99,71,.16);
  --warn:#7A4A00; --warn-bg:rgba(255,181,71,.24);
  --strong:#1B1530; --on-strong:#FFFFFF; --on-strong-muted:#C9C2E0;     /* koyu hap: alt menü, ana düğme */
  --nav:rgba(27,21,48,.80); --on-nav:#FFFFFF; --nav-active:#FFFFFF; --on-nav-active:#1B1530;
  --overlay:rgba(27,21,48,.38);
  --paper:#FFFFFF; --on-paper:#1B1530;   /* karekod ve yazdırılacak kâğıt: koyu temada da beyaz kalır, okutulabilsin */
  /* Öğrenci simgesi ve küçük ikon kutuları: renkli geçiş, üstünde beyaz yazı */
  --av-1:linear-gradient(135deg,#FF7A45,#E0400F); --av-2:linear-gradient(135deg,#8F7CFF,#5B45E0);
  --av-3:linear-gradient(135deg,#2FC98A,#138A57); --av-4:linear-gradient(135deg,#F5A524,#C76E00);
  --av-5:linear-gradient(135deg,#4AB3F5,#2366C9); --av-6:linear-gradient(135deg,#F26AA8,#C2306B);
  --av-7:linear-gradient(135deg,#6CC94A,#2F8A1B); --av-8:linear-gradient(135deg,#B48CFF,#7A3FD6);
  --av-off:rgba(27,21,48,.08); --on-av-off:#5C5672; --on-av:#FFFFFF;

  /* Hareket */
  --ease:cubic-bezier(.2,.8,.2,1);   /* tüm giriş animasyonları */
  --t-fast:120ms;    /* basma geri bildirimi */
  --t-base:240ms;    /* sekme ve ekran geçişi */
  --t-sheet-in:280ms; --t-sheet-out:160ms;
  --t-overlay-in:180ms; --t-overlay-out:160ms;
  --t-toast:220ms;
  --t-countup:520ms;
  --stagger:32ms;    /* listede her öğe için gecikme, en fazla 14 öğe */

  /* Ölçüler */
  --r-sm:16px; --r-md:22px; --r-lg:28px; --r-xl:32px; --r-sheet:32px; --r-pill:999px;
  --touch:44px;      /* en küçük dokunma hedefi */
  --max-w:480px;     /* telefon düzeninin en geniş hali */

  /* iPhone güvenli alanı */
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
/* Koyu tema: gece moru zemin, sönük ışıklar, koyu cam */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#100C1C;
    --orb-1:rgba(255,106,61,.42); --orb-2:rgba(255,150,110,.16); --orb-3:rgba(120,100,255,.34); --orb-4:rgba(255,120,80,.10);
    --surface:#1C1730;
    --glass:rgba(255,255,255,.075); --glass-soft:rgba(255,255,255,.04); --glass-line:rgba(255,255,255,.13);
    --shadow:0 14px 32px rgba(0,0,0,.32); --shadow-lg:0 22px 44px rgba(0,0,0,.42);
    --ink:#F4F1FA; --muted:#B5AECB; --line:rgba(255,255,255,.10);
    --ok:#5BE3A6; --ok-bg:rgba(61,220,151,.16); --bad:#FF8A7D; --bad-bg:rgba(255,99,71,.16); --warn:#FFC266; --warn-bg:rgba(255,181,71,.16);
    --strong:#F4F1FA; --on-strong:#1B1530; --on-strong-muted:#4A4262;
    --nav:rgba(36,30,58,.82);
    --overlay:rgba(5,3,12,.55);
    --av-off:rgba(255,255,255,.08); --on-av-off:#B5AECB;
  }
}
:root[data-theme="dark"]{
  --bg:#100C1C;
  --orb-1:rgba(255,106,61,.42); --orb-2:rgba(255,150,110,.16); --orb-3:rgba(120,100,255,.34); --orb-4:rgba(255,120,80,.10);
  --surface:#1C1730;
  --glass:rgba(255,255,255,.075); --glass-soft:rgba(255,255,255,.04); --glass-line:rgba(255,255,255,.13);
  --shadow:0 14px 32px rgba(0,0,0,.32); --shadow-lg:0 22px 44px rgba(0,0,0,.42);
  --ink:#F4F1FA; --muted:#B5AECB; --line:rgba(255,255,255,.10);
  --ok:#5BE3A6; --ok-bg:rgba(61,220,151,.16); --bad:#FF8A7D; --bad-bg:rgba(255,99,71,.16); --warn:#FFC266; --warn-bg:rgba(255,181,71,.16);
  --strong:#F4F1FA; --on-strong:#1B1530; --on-strong-muted:#4A4262;
  --nav:rgba(36,30,58,.82);
  --overlay:rgba(5,3,12,.55);
  --av-off:rgba(255,255,255,.08); --on-av-off:#B5AECB;
}
