@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

/* ============================================================
   MinerCore Theme — CSS Design Tokens & Variables
   ████████████████████████████████████████████████████████
   ⚠️  THEME MODE: LIGHT (Premium Professional Light Theme)
   ████████████████████████████████████████████████████████
   This is the OFFICIAL theme mode for MinerCore.
   ALL development, new features, and AI agents must
   work within this LIGHT THEME. Do NOT revert to dark.
   ============================================================ */
:root {
    /* ── Primary Brand Colors ── */
    /* Overridden dynamically via minercore_inject_brand_css() in enqueue.php */
    --color-primary:      #2563eb;    /* Royal Blue — main CTA, links */
    --color-primary-dark: #1d4ed8;    /* Darker blue for hover states */
    --color-primary-light:#dbeafe;    /* Very light blue tint for backgrounds */
    --color-accent:       #16a34a;    /* Emerald Green — profit / positive / success */
    --color-accent-light: #dcfce7;    /* Very light green tint */
    --color-bg:           #f1f5f9;    /* Light slate-blue background */

    /* ── Surface / Card Colors ── */
    --color-card-bg:      #ffffff;    /* Pure white card backgrounds */
    --color-card-hover:   #f8fafc;    /* Very subtle hover state */
    --color-surface-2:    #f0f4f8;    /* Secondary surface (sections, inputs) */
    --color-surface-3:    #e8eef5;    /* Third surface (table rows alt) */

    /* ── Border Colors ── */
    --color-border:       #e2e8f0;    /* Standard border */
    --color-border-solid: #cbd5e1;    /* Stronger border for tables */
    --color-border-glow:  rgba(37, 99, 235, 0.2); /* Blue focus glow */

    /* ── Text Colors ── */
    --color-text-main:    #0f172a;    /* Near-black — headings, important text */
    --color-text-body:    #1e293b;    /* Body text */
    --color-text-muted:   #475569;    /* Secondary text */
    --color-text-dark:    #64748b;    /* Hints, labels, captions */
    --color-text-light:   #94a3b8;    /* Placeholder, disabled */

    /* ── Semantic Colors ── */
    --color-danger:       #dc2626;    /* Red — errors, negative profit */
    --color-warning:      #d97706;    /* Amber — warnings */
    --color-info:         #0284c7;    /* Sky blue — informational */
    --color-success:      #16a34a;    /* Green — success states */

    /* ── Typography ── */
    --font-heading:       'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --font-body:          'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    --font-mono:          'Courier New', Courier, monospace;

    /* ── Border Radius System ── */
    --radius-xs:   3px;
    --radius-sm:   6px;
    --radius-md:   10px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* ── Transition System ── */
    --transition-fast:   all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow:   all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* ── Shadow System (Light theme uses colored shadows) ── */
    --shadow-xs:   0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);
    --shadow-lg:   0 8px 30px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-xl:   0 16px 48px rgba(0, 0, 0, 0.14), 0 6px 16px rgba(0, 0, 0, 0.08);
    --shadow-glow: 0 4px 20px rgba(37, 99, 235, 0.18);
    --shadow-glow-green: 0 4px 20px rgba(22, 163, 74, 0.18);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);

    /* ── Layout ── */
    --container-width: 1280px;
    --header-height:   72px;
    --topbar-height:   38px;

    /* ── Z-Index Scale ── */
    --z-topbar:   100;
    --z-header:   200;
    --z-dropdown: 300;
    --z-modal:    400;
    --z-toast:    500;
}