/* =============================================================
   TMIS THEME TOKENS — SINGLE SOURCE OF TRUTH
   ============================================================= */

:root {
    /* ======================
       PAGE LAYERS (LIGHT)
       ====================== */
    --tmis-page-bg: #ffffff; /* browser background */
    --tmis-app-bg: #f8f9fa; /* main app canvas */
    /* ======================
       SURFACES
       ====================== */
    --tmis-surface: #ffffff;
    --tmis-surface-muted: #f1f3f5;
    /* ======================
       TEXT
       ====================== */
    --tmis-text: #111827;
    --tmis-text-muted: #6b7280;
    --tmis-text-strong: #0f172a;
    /* ======================
       BORDERS
       ====================== */
    --tmis-border: #d1d5db;
    --tmis-border-muted: #cbd5e1;
    /* ======================
       BRAND
       ====================== */
    --tmis-primary: #0d6efd;
    --tmis-primary-hover: #0b5ed7;
    /* ======================
       CHROME (LIGHT)
       ====================== */
    --tmis-header-bg: #1e293b;
    --tmis-subheader-bg: #e5e7eb;
    --tmis-footer-bg: #1e293b;
}

/* =============================================================
   DARK MODE
   ============================================================= */

html.dark-mode {
    /* ======================
       PAGE LAYERS (DARK)
       ====================== */
    --tmis-page-bg: #020617; /* deep navy */
    --tmis-app-bg: #050b1c; /* slightly lifted canvas */
    /* ======================
       SURFACES
       ====================== */
    --tmis-surface: #0b1220; /* cards */
    --tmis-surface-muted: #111827; /* card headers */
    /* ======================
       TEXT
       ====================== */
    --tmis-text: #e5e7eb;
    --tmis-text-muted: #94a3b8;
    --tmis-text-strong: #ffffff;
    /* ======================
       BORDERS
       ====================== */
    --tmis-border: #2b3544;
    --tmis-border-muted: #334155;
    /* ======================
       CHROME (DARK)
       ====================== */
    --tmis-header-bg: #020617; /* darkest */
    --tmis-subheader-bg: #0b1220; /* raised strip */
    --tmis-footer-bg: #0b1220; /* MATCH submenu */
}