/* ==========================================================================
   WAY2GO STUDENT PORTAL — DESIGN TOKENS
   Tüm renk, boşluk, tipografi ve gölge değerleri burada tanımlanır.
   Herhangi bir görsel değişiklik için önce bu dosya güncellenmelidir.
   ========================================================================== */

:root {
  /* ---- Marka Renkleri (way2go.tr ana sitesindeki mor tema ile hizalı) ---- */
  --w2g-primary: #1b1140;
  --w2g-primary-light: #2e1b63;
  --w2g-primary-dark: #0f0925;
  --w2g-secondary: #6c4ce0;
  --w2g-secondary-light: #ede8fb;
  --w2g-accent: #4caf50;
  --w2g-accent-light: #e8f8ea;

  /* ---- Durum Renkleri ---- */
  --w2g-success: #4caf50;
  --w2g-warning: #ffb020;
  --w2g-danger: #ef4444;
  --w2g-info: #6c4ce0;
  --w2g-pending: #ff9800;

  /* ---- Nötr / Arkaplan ---- */
  --w2g-bg: #f7f9fc;
  --w2g-card: #ffffff;
  --w2g-border: #e6ebf2;
  --w2g-text-dark: #1a2b3c;
  --w2g-text-muted: #6b7c93;
  --w2g-text-light: #9aa8bb;

  /* ---- Tipografi ---- */
  --w2g-font: 'Poppins', sans-serif;
  --w2g-fs-xs: 0.75rem;
  --w2g-fs-sm: 0.85rem;
  --w2g-fs-base: 0.95rem;
  --w2g-fs-lg: 1.15rem;
  --w2g-fs-xl: 1.5rem;
  --w2g-fs-xxl: 2rem;

  /* ---- Boşluk & Ölçü ---- */
  --w2g-radius: 18px;
  --w2g-radius-sm: 12px;
  --w2g-radius-pill: 50px;
  --w2g-sidebar-width: 270px;
  --w2g-sidebar-collapsed: 84px;
  --w2g-topbar-height: 76px;

  /* ---- Gölgeler ---- */
  --w2g-shadow-sm: 0 2px 8px rgba(27, 17, 64, 0.06);
  --w2g-shadow-md: 0 8px 24px rgba(27, 17, 64, 0.08);
  --w2g-shadow-lg: 0 16px 40px rgba(27, 17, 64, 0.12);
  --w2g-shadow-hover: 0 12px 28px rgba(108, 76, 224, 0.18);

  /* ---- Geçişler ---- */
  --w2g-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --w2g-transition-slow: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---- Karanlık Tema (Ayarlar > Tema üzerinden aktifleşir) ---- */
[data-theme="dark"] {
  --w2g-bg: #0f1720;
  --w2g-card: #182432;
  --w2g-border: #253345;
  --w2g-text-dark: #eef3f8;
  --w2g-text-muted: #a9b8cc;
  --w2g-text-light: #7686a0;
  --w2g-secondary-light: #1c2c40;
  --w2g-accent-light: #163326;
  --w2g-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --w2g-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
  --w2g-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.35);
}