/*
 * theme.css
 * Shared design tokens for Mining 4.0 platform.
 * All pages import this file. Page-specific overrides live in their own CSS files.
 *
 * Theme variants (primary palette) are injected as a small inline <style> block
 * from index.php (driven by the DB layout_style field). The values below are the
 * default / Theme 1 (Blue) fallback so every page renders correctly even without
 * the dynamic override.
 */

:root {
    /* ── Primary palette (overridden per-theme from index.php inline block on index.php;
       edit_content.php / dashboard.php have no per-theme override, so they always render
       with these base values — kept aligned to the dashboard's Figma palette) ── */
    --primary:       #0E1F4E;   /* blue-900 */
    --primary-light: #1E4A8C;   /* blue-700 */
    --secondary:     #3B82D6;   /* blue-500 */
    --accent:        #2E9E50;   /* green-600 */
    --accent-light:  #4FBE6C;   /* green-400 */

    /* ── Gold palette ── */
    --gold:          #cf983e;   /* dark gold: was #cf983e / #dfa539 / #d4a017 */
    --gold-mid:      #dfa539;   /* alias kept for subtle gradient use */
    --gold-light:    #ffdb87;   /* light gold: was #ffdb87 / #f59e0b area */
    --gold-bright:   #ffd700;   /* swiper button accent */

    /* ── Neutral / surface ── */
    --surface:       #F8FAFC;
    --surface2:      #EEF2F6;
    --bg-page:       #EAF4FB;
    --white:         #ffffff;
    --text:          #1E293B;
    --text-muted:    #64748B;
    --border:        #E2E8F0;

    /* ── Dark mode surfaces (dashboard) ── */
    --dark-bg:       #121212;
    --dark-surface:  #1e1e1e;

    /* ── Semantic background colors ── */
    --navy-dark:     #0A1430;   /* blue-950 — topbar background in edit_content */
    --navy-stat:     #0A1430;   /* blue-950 — stat-banner-section background */
    --navy-poster:   #0E1F4E;   /* blue-900 — section-poster background */

    /* ── Typography ── */
    --font:          'Prompt', sans-serif;

    /* ── Shadows ── */
    --shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md:     0 4px 6px -1px rgba(0, 0, 0, 0.1);

    /* ── Radii ── */
    --radius:        8px;
    --radius-lg:     16px;

    /* ── Status / misc ── */
    --success:       #10B981;
    --info:          #0ea5e9;
    --accent-orange: #F58220;

    /* ── Extended tokens ── */
    --text-dark:            #475467;
    --yellow-light:         #fef08a;
    --black:                #000000;
    --danger:               #ef4444;
    --accent-dark:          #1E7A43;   /* green-700 */
    --dark-border:          #333333;
    --navy-text:            #1a3a5f;
    --secondary-tint:       rgba(59, 130, 214, 0.15);   /* blue-500 */
    --secondary-tint-light: rgba(59, 130, 214, 0.05);
    --footer-gradient:      linear-gradient(to left, #101176, #0B2476, #063176, #023D75, #004974, #015373, #045E71, #0B686F, #1A7C69, #218665, #299060, #319A5A, #38A452, #40AE49);

    /* ── Design System Primitives (from Figma: NSTDA | i4.0 Platform | Mining4.0) ──
       Full numeric scale. Use these as the base palette; semantic tokens above
       (--primary, --gold, --success, etc.) should be assigned from this scale
       when they're next revisited. */
    --blue-50:   #EEF5FD;
    --blue-100:  #DCEAFB;
    --blue-200:  #BBD3F4;
    --blue-300:  #8DB5EA;
    --blue-400:  #5B90DD;
    --blue-500:  #3B82D6;
    --blue-600:  #2563B0;
    --blue-700:  #1E4A8C;
    --blue-800:  #16306E;
    --blue-900:  #0E1F4E;
    --blue-950:  #0A1430;

    --green-50:  #ECFBF0;
    --green-100: #D1F0DA;
    --green-200: #A7E3B8;
    --green-300: #74D08F;
    --green-400: #4FBE6C;
    --green-500: #40AE49;
    --green-600: #2E9E50;
    --green-700: #1E7A43;
    --green-800: #155C33;
    --green-900: #0F4527;

    --amber-100: #FCEFC9;
    --amber-300: #F7D27A;
    --amber-400: #F5C24A;
    --amber-500: #E0A82E;
    --amber-600: #C8870F;
    --amber-700: #9A6610;

    --slate-50:  #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-200: #E2E8F0;
    --slate-300: #CBD5E1;
    --slate-400: #94A3B8;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #314158;
    --slate-800: #1F2A3D;
    --slate-900: #16213A;
    --slate-950: #0B1220;

    --red-400:   #F4566F;
    --red-500:   #ED2B4C;
    --red-600:   #C81E3C;

    /* Violet — used only for chart/4 (Figma "Theme tokens · Light/Dark" frame,
       not present in the Primitives frame, so only these two steps are known). */
    --violet-400: #A99CF0;
    --violet-600: #7E69E4;
}