/**
 * Theme Variables - Day and Night Modes
 * Switch between themes by using JavaScript to toggle body.theme-night class
 */

/* ===== DAY THEME (DEFAULT) ===== */
:root,
body {
    /* Background */
    --bg-gradient-start: #e8d4b8;
    --bg-gradient-end: #d4b896;

    /* Text */
    --text-primary: #5a4a3a;
    --text-secondary: #666;
    --section-header-bg: rgba(0, 0, 0, 0.03);

    /* Cards */
    --card-bg: white;
    --card-shadow: rgba(0, 0, 0, 0.15);
    --card-shadow-hover: rgba(0, 0, 0, 0.2);

    /* UI Elements */
    --border-color: #f0f0f0;
    --stat-box-bg: rgba(255, 255, 255, 0.9);
    --border-subtle: #e5e0d8;
    --tab-inactive-bg: #f5f0ea;
    --section-divider: #f0ebe4;

    /* Banners / Labels */
    --banner-red: #9b2335;
    --banner-green: #2e7d6f;
    --banner-brown: #6b5b4e;
    --banner-blue: #3a6b8c;

    /* Stage Badges */
    --badge-baby-color: #ff69b4;
    --badge-youth-color: #4a90e2;
    --badge-adult-color: #50c878;

    /* Sex Badges */
    --sex-anadi-bg: #ffe6f0;
    --sex-anadi-text: #d63384;
    --sex-emodo-bg: #e6f2ff;
    --sex-emodo-text: #0d6efd;
    --sex-eperu-bg: #f0f0f0;
    --sex-eperu-text: #6c757d;

    /* Buttons */
    --btn-primary: #50c878;
    --btn-primary-hover: #45b369;
    --btn-secondary: #3498db;
    --btn-secondary-hover: #2980b9;
    --btn-danger: #dc3545;
    --btn-danger-hover: #c82333;
    --btn-disabled-bg: #d6d6d6;
    --btn-disabled-text: #999;

    /* Progress Bars */
    --progress-bg: #f0f0f0;
    --progress-fill-start: #50c878;
    --progress-fill-end: #45b369;

    /* State Colors */
    --success-bg: rgba(80, 200, 120, 0.12);
    --success-border: #50c878;
    --success-light: rgba(80, 200, 120, 0.12);
    --warning-bg: rgba(200, 162, 78, 0.15);
    --warning-border: #c8a24e;
    --warning-color: #c8a24e;
    --danger-bg: rgba(220, 53, 69, 0.10);
    --danger-border: #dc3545;
    --danger-text: #7a1e28;
    --error-light: rgba(220, 53, 69, 0.10);

    /* Region Colors */
    --region-northern: #9E9689;
    --region-central: #C4A55A;
    --region-southern: #7A9E6B;

/* Terrain Banner Colors */
    --terrain-forest-bg: #4a7c59;
    --terrain-forest-text: #ffffff;
    --terrain-river-bg: #4a7a8c;
    --terrain-river-text: #ffffff;
    --terrain-plains-bg: #a08040;
    --terrain-plains-text: #ffffff;
    --terrain-foothills-bg: #7a6a7a;
    --terrain-foothills-text: #ffffff;
    --terrain-road-bg: #8c7a60;
    --terrain-road-text: #ffffff;
    --terrain-het-bg: #8a6b50;
    --terrain-het-text: #ffffff;
    --terrain-wilderness-bg: #6e6e66;
    --terrain-wilderness-text: #ffffff;

    /* Emblem Colors */
    --emblem-sand: #C2A66B;
    --emblem-ochre: #CC7722;
    --emblem-terracotta: #B74A2B;
    --emblem-umber: #6B4226;
    --emblem-deep-red: #8B1A1A;
    --emblem-copper: #B56B3A;
    --emblem-bronze: #8C6E3A;
    --emblem-gold: #B8960C;
    --emblem-lapis: #1E3A6E;
    --emblem-teal: #1A6B5A;
    --emblem-emerald: #2E6B3A;
    --emblem-amethyst: #6B2FA0;
    --emblem-deep-rose: #8B3A5A;
    --emblem-ivory: #C8B89A;
    --emblem-stone: #6B6B6B;
    --emblem-charcoal: #3A3A3A;
}


@font-face {
    font-family: 'Jokku-Riha';
    src: url('/games/jokka/assets/fonts/Jokku-Riha.woff2') format('woff2'),
         url('/games/jokka/assets/fonts/Jokku-Riha.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.jokka {
    font-family: 'Jokku-Riha', sans-serif;
    font-size: 1.2em;
}


/* ===== NIGHT THEME ===== */
body.theme-night {
    /* Background */
    --bg-gradient-start: #2a1f3d;
    --bg-gradient-end: #1a1328;

    /* Text */
    --text-primary: #e8d4b8;
    --text-secondary: #b8a896;
    --section-header-bg: rgba(255, 255, 255, 0.05);

    /* Cards */
    --card-bg: #3d2f52;
    --card-shadow: rgba(0, 0, 0, 0.4);
    --card-shadow-hover: rgba(0, 0, 0, 0.6);

    /* UI Elements */
    --border-color: #4d3f62;
    --stat-box-bg: rgba(61, 47, 82, 0.9);
    --border-subtle: #5d4f72;
    --tab-inactive-bg: rgba(255, 255, 255, 0.03);
    --section-divider: #4d3f62;

    /* Banners / Labels */
    --banner-red: #c4485a;
    --banner-green: #4aa692;
    --banner-brown: #a08b7a;
    --banner-blue: #5a9abd;

    /* Stage Badges */
    --badge-baby-color: #ff8fc1;
    --badge-youth-color: #6ba8ff;
    --badge-adult-color: #70d898;

    /* Sex Badges */
    --sex-anadi-bg: #4d2f42;
    --sex-anadi-text: #ffb3d9;
    --sex-emodo-bg: #2f3d4d;
    --sex-emodo-text: #99c9ff;
    --sex-eperu-bg: #3d3d3d;
    --sex-eperu-text: #b0b0b0;

    /* Buttons */
    --btn-primary: #70d898;
    --btn-primary-hover: #5fc785;
    --btn-secondary: #6ba8ff;
    --btn-secondary-hover: #5a97e6;
    --btn-danger: #ff6b7a;
    --btn-danger-hover: #ff5566;
    --btn-disabled-bg: #4d4d4d;
    --btn-disabled-text: #808080;

    /* Progress Bars */
    --progress-bg: #4d3f62;
    --progress-fill-start: #70d898;
    --progress-fill-end: #5fc785;

    /* State Colors */
    --success-bg: rgba(112, 216, 152, 0.15);
    --success-border: #70d898;
    --success-light: rgba(112, 216, 152, 0.15);
    --warning-bg: rgba(200, 162, 78, 0.20);
    --warning-border: #d4a060;
    --warning-color: #d4a060;
    --danger-bg: rgba(255, 107, 122, 0.15);
    --danger-border: #ff6b7a;
    --danger-text: #ffb3bb;
    --error-light: rgba(255, 107, 122, 0.15);

    /* Region Colors */
    --region-northern: #5A5550;
    --region-central: #7A6B4E;
    --region-southern: #3D5E35;
    
    /* Terrain Banner Colors */
    --terrain-forest-bg: #2d5438;
    --terrain-forest-text: #d4e8d4;
    --terrain-river-bg: #2d4f5c;
    --terrain-river-text: #c8dde6;
    --terrain-plains-bg: #6b5530;
    --terrain-plains-text: #e0d4b8;
    --terrain-foothills-bg: #4d3f52;
    --terrain-foothills-text: #d8c8d8;
    --terrain-road-bg: #5c4f3a;
    --terrain-road-text: #d8ccb8;
    --terrain-het-bg: #5a4535;
    --terrain-het-text: #dcc8b0;
    --terrain-wilderness-bg: #44443e;
    --terrain-wilderness-text: #c8c8c0;

    /* Emblem Colors */
    --emblem-sand: #D4BC8A;
    --emblem-ochre: #E0943A;
    --emblem-terracotta: #D4633E;
    --emblem-umber: #8A5C3C;
    --emblem-deep-red: #B83030;
    --emblem-copper: #D08550;
    --emblem-bronze: #A8884E;
    --emblem-gold: #D4B020;
    --emblem-lapis: #3A5C9E;
    --emblem-teal: #2A8E78;
    --emblem-emerald: #3E8E50;
    --emblem-amethyst: #8E4ED0;
    --emblem-deep-rose: #B05070;
    --emblem-ivory: #E0D4BC;
    --emblem-stone: #909090;
    --emblem-charcoal: #5A5A5A;
}