/* =========================================
   LOCAL FONTS (OFFLINE CAPABLE)
   ========================================= */

/* --- INTER --- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../assets/fonts/inter-v20-latin-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/inter-v20-latin-600.woff2') format('woff2');
}

/* --- JETBRAINS MONO --- */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/jetbrains-mono-v24-latin-regular.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../assets/fonts/jetbrains-mono-v24-latin-500.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/jetbrains-mono-v24-latin-700.woff2') format('woff2');
}
:root {
    /* =========================================
       🌞 DAY MODE (Pure Black, Industrial Focus)
       ========================================= */
    --bg-color: #000000;         /* Pure OLED Black */
    --surface-color: #0E0E0E;    /* Dark matte for Modals/Cards */
    
    --text-main: #F3F4F6;        /* Paper White (Removes laser-intensity of #FFF) */
    --text-dim: #666666;         /* Classic UI Grey */
    
    /* Brand Accents */
    --accent-color: #27AE60;     /* Sage Green */
    --momentum-color: #A855F7;   /* Electric Violet */
    --break-color: #5EEAD4;      /* Restorative Teal */
    
    /* Elements */
    --btn-bg: #1A1A1A;
    --btn-hover: #222222;
    --border-color: #333333;     /* Sharp, hard borders */
    
    /* --- DIMENSIONS & TYPOGRAPHY --- */
    --app-max-width: 900px;
    --header-height: 120px;
    --footer-height: 140px;
    --font-mono: 'JetBrains Mono', monospace;
    --font-ui: 'Inter', sans-serif;
    --font-size-clock-desktop: 140px;
    --font-size-clock-mobile: 15vw;
}

[data-theme="night"] {
    /* =========================================
       🌙 NIGHT MODE (Industrial Graphite / Zinc)
       ========================================= */
    --bg-color: #0E0E11;         /* Deep Slate/Graphite (Kills OLED purple-smear) */
    --surface-color: #18181B;    /* Elevated Zinc for Modals */
    
    --text-main: #E4E4E7;        /* Cloud White (Soft, crisp, zero glare) */
    --text-dim: #A1A1AA;         /* Lighter industrial grey for readability */
    
    --btn-bg: #27272A;           /* Zinc buttons */
    --btn-hover: #3F3F46;
    --border-color: #3F3F46;     /* Softer, lower-contrast borders */
}