/* cloudflare/kariyer/assets/tokens.css
   Kariyer sitesi tek renk/spacing/gölge kaynağı — login.html, index.html, team.html
   HEPSİ bunu kullanır. Tema değişikliği (renk, karanlık mod) TEK yerden yapılır.
   Açık mod varsayılan (HBB paletiyle tutarlı); karanlık mod prefers-color-scheme ile otomatik. */
:root{
  /* zemin / yüzey */
  --bg:#f8fafc;
  --surface:#ffffff;
  --surface-2:#f1f5f9;      /* sayım kartları — sonuç listesinden bir ton geride */
  --border:#e5e7eb;
  --border-strong:#cbd5e1;

  /* metin — ikincil renk WCAG 4.5:1 için koyulaştırıldı */
  --ink:#0f172a;
  --ink-soft:#334155;
  --ink-muted:#64748b;      /* eskiden #94a3b8 idi, kontrast yetersizdi */

  /* marka */
  --brand:#4338ca;
  --brand-2:#6366f1;
  --brand-soft:#eef2ff;
  --brand-ink:#3730a3;

  /* durum */
  --success:#166534;
  --success-bg:#ecfdf5;
  --success-border:#bbf7d0;
  --success-bar:#10b981;
  --success-bar-2:#34d399;
  --warn:#b45309;
  --warn-bg:#fff7ed;
  --warn-border:#fde68a;
  --warn-bar:#f59e0b;
  --warn-bar-2:#fbbf24;

  /* rütbe rozetleri */
  --r-diam-bg:#ede9fe; --r-diam-ink:#5b21b6;
  --r-leader-bg:#dbeafe; --r-leader-ink:#1e40af;
  --r-plat-bg:#cffafe; --r-plat-ink:#155e75;
  --r-gold-bg:#fef3c7; --r-gold-ink:#92400e;
  --r-silver-bg:#f1f5f9; --r-silver-ink:#475569;
  --r-bronze-bg:#fed7aa; --r-bronze-ink:#9a3412;
  --r-bb-bg:#eef2f7; --r-bb-ink:#475569;

  /* köşe / gölge */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px;
  --shadow-card:0 6px 18px -14px rgba(15,23,42,.2);
  --shadow-sheet:0 -8px 30px -10px rgba(15,23,42,.25);
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1020;
    --surface:#131a2e;
    --surface-2:#1a2338;
    --border:#232c44;
    --border-strong:#334066;

    --ink:#e7ecf7;
    --ink-soft:#c3cbe0;
    --ink-muted:#8b94b3;

    --brand:#818cf8;
    --brand-2:#a5b4fc;
    --brand-soft:#1c2242;
    --brand-ink:#c7d2fe;

    --success:#4ade80;
    --success-bg:#0d2818;
    --success-border:#166534;
    --success-bar:#22c55e;
    --success-bar-2:#4ade80;
    --warn:#fbbf24;
    --warn-bg:#2a1e08;
    --warn-border:#92400e;
    --warn-bar:#f59e0b;
    --warn-bar-2:#fbbf24;

    --r-diam-bg:#2c2350; --r-diam-ink:#c4b5fd;
    --r-leader-bg:#1c2a4a; --r-leader-ink:#93c5fd;
    --r-plat-bg:#0e2f36; --r-plat-ink:#67e8f9;
    --r-gold-bg:#3a2a0d; --r-gold-ink:#fcd34d;
    --r-silver-bg:#232c44; --r-silver-ink:#cbd5e1;
    --r-bronze-bg:#3a2211; --r-bronze-ink:#fdba74;
    --r-bb-bg:#1a2338; --r-bb-ink:#c3cbe0;

    --shadow-card:0 6px 20px -12px rgba(0,0,0,.5);
    --shadow-sheet:0 -8px 34px -10px rgba(0,0,0,.6);
  }
}