/**
 * ======================================================
 * İşletme Dersleri UI Design System
 * Global Variables — Koyu Akademik Tema
 * ======================================================
 */

:root {

    /* ================= RENK ================= */
    --color-bg: #0B0F14;
    --color-surface: #141B24;
    --color-surface-raised: #182029;
    --color-border: #25313D;
    --color-border-soft: #1D2733;

    --color-accent: #D8A84E;
    --color-accent-dim: #8C6E37;
    --color-accent-wash: rgba(216, 168, 78, 0.10);

    --color-text: #E9ECEF;
    --color-text-muted: #9AA7B4;
    --color-text-faint: #5C6B79;

    --color-success: #43C98E;
    --color-success-wash: rgba(67, 201, 142, 0.12);
    --color-danger: #EF6A6A;
    --color-danger-wash: rgba(239, 106, 106, 0.12);

    /* ================= TİPOGRAFİ ================= */
    --font-display: "Space Grotesk", sans-serif;
    --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", monospace;

    --font-title: 28px;
    --font-section: 18px;
    --font-body-size: 15px;
    --font-caption: 12px;

    /* ================= BOŞLUK ================= */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 36px;
    --space-xl: 56px;

    /* ================= DİĞER ================= */
    --radius: 14px;
    --radius-sm: 8px;
    --shadow: 0 12px 35px rgba(0, 0, 0, 0.35);
    /* ================= BLOK TİPİ VURGULARI ================= */
    /* Kısıtlı, altın paletle uyumlu ikincil tonlar — yalnızca
       ikon rozetlerinde kullanılır, kart zeminini boyamaz. */
    --accent-lesson: #C9A96E;
    --accent-story: #C97B5F;
    --accent-memory: #D8A84E;
    --accent-chart: #6FA8A0;
    --accent-quiz: #8FA6C9;

}