/* Yetkin Akademi tasarım token'ları. Renkler burada ve panelden (Görünüm →
   Tema Özelleştir) yönetilir; bölüm CSS'lerinde sabit renk yazılmaz. */

:root {
    --ya-bg: #F8FAFC;
    --ya-surface: #FFFFFF;
    --ya-surface-2: #F1F5F9;

    --ya-ink: #1E293B;
    --ya-ink: var(--system_secendory_color, #1E293B);
    --ya-ink-deep: #0F172A;
    --ya-body: #475569;
    --ya-muted: #64748B;
    --ya-faint: #94A3B8;

    --ya-line: #E2E8F0;
    --ya-line-strong: #CBD5E1;

    --ya-accent: #E2711D;
    --ya-accent: var(--system_primery_color, #E2711D);

    --ya-accent-hover: #C55F14;
    --ya-accent-hover: color-mix(in srgb, var(--ya-accent) 86%, #000);

    --ya-accent-soft: #FB923C;
    --ya-accent-soft: color-mix(in srgb, var(--ya-accent) 74%, #fff);

    --ya-tint: #FFF7ED;
    --ya-tint: color-mix(in srgb, var(--ya-accent) 9%, #fff);

    --ya-tint-ink: #C2410C;
    --ya-tint-ink: color-mix(in srgb, var(--ya-accent) 78%, #000);

    --ya-ok: #047857;
    --ya-ok-tint: #ECFDF5;

    --ya-radius: 18px;
    --ya-radius-sm: 12px;
    --ya-radius-pill: 999px;
    --ya-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.04);
    --ya-shadow-2: 0 12px 28px rgba(15, 23, 42, 0.10);
    --ya-shadow-3: 0 14px 34px rgba(15, 23, 42, 0.12);
}