/* Duris Cards - CSS Variables */
/* Single source of truth for all design tokens */

:root {
    /* ========== COLORS ========== */
    /* Backgrounds */
    --bg-dark: #0d0a07;
    --bg-medium: #1a1410;
    --bg-panel: #2d2418;
    --bg-card: #3a2e22;

    /* Gold/Accent */
    --gold: #c9a227;
    --gold-light: #e8c547;
    --gold-dark: #8b7019;

    /* Game Colors */
    --blood-red: #8b1a1a;
    --health-red: #c62828;
    --mana-purple: #6b3fa0;
    --mana-light: #9c6fd6;
    --forest-green: #2d5a27;
    --attack-orange: #f39c12;

    /* Text */
    --text-light: #f4e4c1;
    --text-muted: #a89878;

    /* Borders */
    --border-bronze: #8b7355;
    --border-dark: #5a4a3a;

    /* Status Colors */
    --success: #4caf50;
    --error: #c62828;
    --warning: #ff9800;
    --info: #2196f3;

    /* ========== SIZING ========== */
    /* Cards */
    --card-width: 85px;
    --card-height: 120px;
    --card-width-sm: 65px;
    --card-height-sm: 95px;
    --card-width-lg: 100px;
    --card-height-lg: 140px;

    /* Hero */
    --hero-width: 70px;
    --hero-height: 90px;

    /* Gems (mana, attack, health) */
    --gem-size: 26px;
    --gem-size-sm: 22px;
    --gem-size-lg: 32px;

    /* ========== SPACING ========== */
    --gap-xs: 4px;
    --gap-sm: 8px;
    --gap-md: 12px;
    --gap-lg: 20px;
    --gap-xl: 30px;

    --padding-xs: 4px;
    --padding-sm: 8px;
    --padding-md: 12px;
    --padding-lg: 20px;
    --padding-xl: 35px;

    /* ========== BORDERS ========== */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-round: 50%;

    --border-width: 2px;
    --border-width-thick: 3px;
    --border-width-heavy: 4px;

    /* ========== Z-INDEX SCALE ========== */
    --z-base: 1;
    --z-card-inner: 1;
    --z-card-stats: 5;
    --z-card-hover: 10;
    --z-dropdown: 100;
    --z-sticky: 500;
    --z-modal-backdrop: 999;
    --z-modal: 1000;
    --z-tooltip: 2000;
    --z-notification: 3000;
    --z-overlay: 5000;
    --z-max: 2147483647;

    /* ========== ANIMATIONS ========== */
    --transition-fast: 0.15s;
    --transition-normal: 0.2s;
    --transition-slow: 0.3s;

    --animation-pulse: 1.5s;
    --animation-glow: 2s;
    --animation-bounce: 0.6s;

    /* ========== TYPOGRAPHY ========== */
    --font-family-display: 'Cinzel', serif;
    --font-family-body: 'Crimson Text', Georgia, serif;
    --font-family-decorative: 'Cinzel Decorative', serif;

    --font-size-xs: 9px;
    --font-size-sm: 11px;
    --font-size-md: 13px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 22px;
    --font-size-3xl: 28px;
    --font-size-title: 2em;

    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* ========== SHADOWS ========== */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.5);
    --shadow-glow-gold: 0 0 15px rgba(201,162,39,0.3);
    --shadow-glow-mana: 0 0 10px rgba(107,63,160,0.4);
    --shadow-glow-health: 0 0 8px rgba(198,40,40,0.5);
    --shadow-glow-green: 0 0 12px rgba(76,175,80,0.6);

    /* ========== GAME SPECIFIC ========== */
    --board-min-height: 480px;
    --hand-min-height: 130px;
    --board-area-min-height: 115px;
    --combat-log-width: 280px;
}

:root[data-theme="bloodlust"],
body[data-theme="bloodlust"] {
    --bg-dark: #0c0607;
    --bg-medium: #160c0e;
    --bg-panel: #241216;
    --bg-card: #2b161a;

    --gold: #b3162a;
    --gold-light: #e04a5f;
    --gold-dark: #6c0f18;

    --blood-red: #b3162a;
    --health-red: #d3363a;

    --text-light: #f2d7d9;
    --text-muted: #c2a2a5;

    --border-bronze: #6a3a3a;
    --border-dark: #4a2226;

    --shadow-glow-gold: 0 0 15px rgba(179,22,42,0.35);
}

/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }