/* ==========================================================
   ŞİFA AKADEMİ — DESIGN SYSTEM VARIABLES (COLOR HUNT PALETTE)
   Palette: #000000 (Black), #8E1616 (Burgundy), #E8C999 (Sand), #F8EEDF (Cream)
   ========================================================== */

:root {
    /* Color Hunt Core Tokens */
    --color-black: #000000;
    --color-burgundy: #8E1616;
    --color-burgundy-hover: #721212;
    --color-burgundy-dark: #580d0d;
    --color-burgundy-light: #fdf3f2;
    --color-burgundy-subtle: rgba(142, 22, 22, 0.08);

    --color-sand: #E8C999;
    --color-sand-hover: #ddba83;
    --color-sand-light: #faf3e8;
    --color-sand-subtle: rgba(232, 201, 153, 0.25);

    --color-cream: #F8EEDF;
    --color-cream-deep: #f0e2cd;
    --color-cream-card: #ffffff;

    /* Light Theme Semantic Mappings (Clean, Modern, Vivid Neutral + Crisp White + Burgundy Accent) */
    --primary: var(--color-burgundy);
    --primary-hover: var(--color-burgundy-hover);
    --primary-light: var(--color-burgundy-light);
    --primary-focus: rgba(142, 22, 22, 0.2);

    --accent-sand: var(--color-sand);
    --accent-sand-hover: var(--color-sand-hover);
    --accent-sand-light: var(--color-sand-light);

    --bg-main: #F7F7F6;               /* Clean neutral page background (NOT #F8EEDF!) */
    --bg-surface: #FFFFFF;            /* Pure white cards */
    --bg-surface-secondary: #FAF7F2;  /* Soft secondary surface / subtle highlight */
    --bg-surface-tertiary: #F0ECE6;

    --text-primary: #181818;          /* High contrast text */
    --text-secondary: #5A5A5A;        /* Readable secondary */
    --text-muted: #8A8682;            /* Crisp muted */
    --text-inverse: #ffffff;

    --border: #E6E2DD;                /* Neutral clean border */
    --border-hover: #D5D0C9;
    --border-focus: var(--color-burgundy);

    /* Semantic States (Harmonized with palette) */
    --success: #15803d;
    --success-bg: #dcfce7;
    --success-border: #86efac;

    --warning: #b45309;
    --warning-bg: #fef3c7;
    --warning-border: #fcd34d;

    --danger: #b91c1c;
    --danger-bg: #fee2e2;
    --danger-border: #fca5a5;

    --info: #0369a1;
    --info-bg: #e0f2fe;
    --info-border: #7dd3fc;

    /* Shadows & Radii */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --shadow-md: 0 3px 8px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 8px 20px -3px rgba(0, 0, 0, 0.08), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-popover: 0 12px 32px -4px rgba(20, 10, 10, 0.15), 0 4px 10px -2px rgba(20, 10, 10, 0.08);

    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;

    /* Transitions & Dimensions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    --content-max-width: 1200px;
    --header-height: 60px;
    --bottom-nav-height: 62px;
    --sidebar-width: 250px;
}

/* ==========================================================
   KOYU TEMA (DARK THEME)
   Modern high-readability dark palette with accessible burgundy
   ========================================================== */
[data-theme="dark"] {
    --primary: #8E1616;               /* Accessible vibrant burgundy in dark mode */
    --primary-hover: #8E1616;
    --primary-light: rgba(165, 29, 29, 0.18);
    --primary-focus: rgba(165, 29, 29, 0.35);

    --accent-sand: #E8C999;
    --accent-sand-hover: #f1d7af;
    --accent-sand-light: rgba(232, 201, 153, 0.15);

    --bg-main: #111111;               /* Deep neutral dark background */
    --bg-surface: #191919;            /* Distinct surface for cards */
    --bg-surface-secondary: #222222;  /* Elevated surface */
    --bg-surface-tertiary: #2D2D2D;

    --text-primary: #F5F5F5;          /* Crisp light text */
    --text-secondary: #B8B8B8;        /* Clear secondary text */
    --text-muted: #7A7A7A;
    --text-inverse: #111111;

    --border: #303030;                /* Subtle dark border */
    --border-hover: #444444;
    --border-focus: #8E1616;

    --success-bg: rgba(21, 128, 61, 0.2);
    --success-border: rgba(34, 197, 94, 0.35);
    --warning-bg: rgba(180, 83, 9, 0.2);
    --warning-border: rgba(245, 158, 11, 0.35);
    --danger-bg: rgba(185, 28, 28, 0.2);
    --danger-border: rgba(239, 68, 68, 0.35);
    --info-bg: rgba(3, 105, 161, 0.2);
    --info-border: rgba(56, 189, 248, 0.35);

    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 10px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.6);
    --shadow-popover: 0 16px 36px -4px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.08);
}