/* ============================================
   COLORS.CSS - Palette centralisee MyDragonEggs
   ============================================ */

:root {
    /* ── Layout ── */
    /* Hauteur du header. Override a 0 dans les media queries mobile pour que
       les panels avec calc(100vh - var(--header-h)) prennent toute la hauteur
       quand le header est masque. */
    --header-h: 50px;

    /* ── Backgrounds ── */
    --bg-body: #0d0d1a;
    --bg-body-rgb: 13, 13, 26;
    --bg-deep: #0a0a14;
    --bg-mid: #0f0f1c;
    --bg-card: #1a1a2e;
    --bg-input: #12122a;
    --bg-header: #16213e;
    --bg-panel: #1a1a3e;
    --bg-profile: #1a1a24;
    --bg-profile-end: #14141c;
    --bg-row: #1f1f2a;
    --bg-field: #12121a;

    /* ── Borders ── */
    --border: #2a2a4a;
    --border-light: #3a3a5a;
    --border-dark: #1a1a3a;
    --border-input: #4a4a6a;
    --border-panel: #111128;
    --border-modal-gold: #6b5530;
    --border-modal-dark: #3d2e18;

    /* ── Gold (signature) ── */
    --gold: #C8A84E;
    --gold-rgb: 200, 168, 78;
    --gold-dark: #8a5a14;
    --gold-light: #ffd98a;
    --gold-text-warm: #FFE29A;
    --gold-text-light: #FFF4D6;
    --gold-title: #E8D88E;
    --gold-leader: #ffd166;
    --gold-leader-dark: #a87a14;
    --gold-leader-bg: #3a2600;
    --gold-border: #4a3818;
    --gold-ashes: #8a7a3a;
    --gold-bg: #1a1305;

    /* ── Text ── */
    --text-main: #E8E4D4;
    --text-main-rgb: 232, 224, 204;
    --text-secondary: #8B9BB4;
    --text-warm: #E8D9B8;
    --text-brown: #9B8B7B;
    --text-card: #C8C0B0;
    --text-panel: #b8c8d8;
    --text-guild: #B8AA88;
    --text-chat-dark: #1a1410;
    --text-lb: #b9b3a3;
    --text-lb-alt: #B8BCCA;
    --text-placeholder: #6b7280;
    --text-disabled: #4a4a5a;
    --text-secondary-blue: #6a7a95;
    --text-tower: #998866;
    --text-secondary-dark: #6B6B85;
    --text-steel: #6B7B8B;
    --text-sub: #9ca3af;
    --text-market: #4B5B74;
    --text-admin: #8a8a9a;
    --text-admin-accent: #aa88cc;
    --text-gain: #d4ffd4;
    --text-loss: #ffdada;

    /* ── Rarities (fallback - écrasés au boot depuis GAME_DATA) ── */
    --rarity-fragile: #9aa0a6;
    --rarity-fragile-rgb: 154, 160, 166;
    --rarity-robuste: #4488ff;
    --rarity-robuste-rgb: 68, 136, 255;
    --rarity-alpha: #aa44ff;
    --rarity-alpha-rgb: 170, 68, 255;

    /* ── Corruption ── */
    --corruption: #b066ff;
    --corruption-rgb: 176, 102, 255;
    --corruption-dark: #6a00cc;
    --corruption-dark-rgb: 106, 0, 204;
    --corruption-light: #cba8ff;          /* lavande clair (text/badge corruption) */
    --corruption-pale: #e2d1ff;           /* lavande tres clair */
    --corruption-mid: #7a2fd4;            /* gradient mid */
    --corruption-deeper: #4a1280;         /* gradient end */
    --corruption-text: #d4a2ff;           /* text accent */
    --rarity-ancien: #ff2244;
    --rarity-ancien-rgb: 255, 34, 68;
    --rarity-primordial: #ff8800;
    --rarity-primordial-rgb: 255, 136, 0;
    /* ── Primordial pur (post-Nyragh endgame, T6) - cyan mythique ── */
    /* Couleur principale : cyan vibrant (#22d3ee) - distincte du Robuste (#4488ff).
       L'aura pulse cycle 5 nuances de cyan (glace → vibrant → profond → ice → glow)
       pour un effet "souffle d'énergie mythique" plutôt qu'arc-en-ciel. Les noms de
       variables `--primordial-pur-iridescent-N` sont historiques (legacy iridescent
       prismatique) - la palette est désormais monochrome cyan. */
    --rarity-primordial_pur: #22d3ee;
    --rarity-primordial_pur-rgb: 34, 211, 238;
    --primordial-pur-iridescent-1: #a5f3fc; /* cyan glace */
    --primordial-pur-iridescent-2: #22d3ee; /* cyan principal (pic) */
    --primordial-pur-iridescent-3: #0891b2; /* cyan profond */
    --primordial-pur-iridescent-4: #e0f2fe; /* cyan presque blanc */
    --primordial-pur-iridescent-5: #67e8f9; /* cyan glow mid */
    /* Cristal (Cristallisation) - lavande clair pour distinguer des autres types de buff */
    --crystal-accent: #c88cff;
    --crystal-accent-rgb: 200, 140, 255;
    /* Legacy aliases pour usages non-rareté (UI states, etc.) */
    --blue: #4488ff;
    --blue-rgb: 68, 136, 255;
    --orange: #ff8800;
    --orange-rgb: 255, 136, 0;
    --orange-light: #ffaa44;
    --red: #ff2244;
    --red-rgb: 255, 34, 68;

    /* ── Elements ── */
    --elem-fire: #ff4422;
    --elem-fire-rgb: 255, 68, 34;
    /* Eau : utilise --blue / --blue-rgb */
    --elem-earth: #44aa44;
    --elem-earth-rgb: 68, 170, 68;
    --elem-lightning: #ffcc00;
    --elem-lightning-rgb: 255, 204, 0;
    --elem-wind: #88ddaa;
    --elem-wind-rgb: 136, 221, 170;
    --elem-tenebres: #7c3aed;
    --elem-tenebres-rgb: 124, 58, 237;
    --elem-glace: #67e8f9;
    --elem-glace-rgb: 103, 232, 249;
    --elem-plante: #65a30d;
    --elem-plante-rgb: 101, 163, 13;
    --elem-explosion: #ff6b35;
    --elem-explosion-rgb: 255, 107, 53;
    --elem-boue: #7a4f1f;
    --elem-boue-rgb: 122, 79, 31;

    /* ── Divisions PVP ── */
    --div-or: #FFD700;
    --div-or-rgb: 255, 215, 0;
    --div-argent: #C0C0C0;
    --div-bronze: #CD7F32;

    /* ── UI States ── */
    --success: #44cc44;
    --success-rgb: 68, 204, 68;
    --success-light: #44dd66;
    --success-pastel: #4ade80;
    --success-pastel-rgb: 74, 222, 128;
    --success-green: #66bb6a;
    --success-green-light: #81c784;
    --success-dark: #43a047;
    --success-btn: #166534;
    --success-btn-light: #86efac;
    --error: #cc4444;
    --error-rgb: 204, 68, 68;
    --error-text: #cc6666;
    --error-muted: #dd4466;
    --error-warm: #ff6644;

    /* ── Grays ── */
    --gray-900: #333333;
    --gray-850: #33333a;
    --gray-800: #444444;
    --gray-700: #555555;
    --gray-600: #666666;
    --gray-500: #888888;
    --gray-400: #999999;
    --gray-300: #aaaaaa;
    --gray-200: #dddddd;
    --gray-100: #e0e0e0;

    /* ── Black & White ── */
    --white: #ffffff;
    --white-rgb: 255, 255, 255;
    --black: #000000;
    --black-rgb: 0, 0, 0;

    /* ── Stat badge colors ── */
    --stat-red: #cc3333;
    --stat-red-rgb: 204, 51, 51;
    --stat-red-dark: #aa2222;
    --stat-red-light: #dd4444;
    --stat-orange: #dd8822;
    --stat-orange-rgb: 221, 136, 34;
    --stat-orange-dark: #bb6611;
    --stat-orange-light: #ee9933;
    --stat-green: #33aa55;
    --stat-green-rgb: 51, 170, 85;
    --stat-green-dark: #228844;
    --stat-green-light: #44cc66;
    --stat-blue: #3388dd;
    --stat-blue-rgb: 51, 136, 221;
    --stat-blue-dark: #2266aa;
    --stat-blue-light: #44aaee;
    --stat-yellow: #ccaa22;
    --stat-yellow-rgb: 204, 170, 34;
    --stat-yellow-dark: #aa8811;
    --stat-yellow-light: #ddcc33;
    --stat-cyan: #33aaaa;
    --stat-cyan-rgb: 51, 170, 170;
    --stat-cyan-dark: #228888;
    --stat-cyan-light: #44cccc;

    /* ── Positive / Negative stat text ── */
    --stat-positive: #7dff7d;
    --stat-negative: #ff9580;
    /* Vert plus doux pour les substats d'ecailles : differencie visuellement
       les 3 bonus secondaires du bonus principal (qui reste sur le vert vif). */
    --substat-positive: #7fcc9e;

    /* ── Buttons ── */
    --hover-bg: #2a2010;
    --btn-danger: #661111;
    --btn-danger-hover: #8b1a1a;
    --btn-danger-text: #ff7777;
    --btn-red: #b84040;
    --btn-red-light: #dc6666;
    --btn-red-end: #4a1515;
    --btn-green: #3a8a3a;
    --btn-green-dark: #1a4a1a;
    --btn-green-light: #5ac85a;
    --btn-admin-green: #2a5530;
    --btn-google-start: #2a3a5a;
    --btn-google-end: #1a2a4a;
    --btn-discord-start: #3a2a5a;
    --btn-discord-end: #2a1a4a;
    --btn-discord-blue: #4a9aff;
    --btn-discord-blue-dark: #1a3a78;
    --btn-discord-blue-light: #7ab8ff;
    --btn-hatch-start: #3A2A1A;
    --btn-hatch-end: #2A1A0A;
    --btn-logout-start: #2a2a3a;
    --btn-logout-end: #1a1a2a;

    /* ── Scrollbar ── */
    --scrollbar-bg: #111111;
    /* Couleur du thumb scrollbar de la sidebar (bleu acier neutre).
       Variante -rgb pour les rgba() (transparence des etats hover/track). */
    --scrollbar-thumb: #8b9bb4;
    --scrollbar-thumb-rgb: 139, 155, 180;

    /* ── Adventure zones ── */
    --zone-earth-1: #0c1e0c;
    --zone-earth-2: #081408;
    --zone-earth-3: #040e04;
    --zone-earth-tag: #7ac070;
    --zone-fire-1: #1e0c08;
    --zone-fire-2: #160806;
    --zone-fire-3: #0e0404;
    --zone-fire-tag: #e88050;
    --zone-water-1: #08101e;
    --zone-water-2: #060c18;
    --zone-water-3: #040810;
    --zone-water-tag: #60a8e8;
    --zone-wind-1: #0c1a14;
    --zone-wind-2: #081410;
    --zone-wind-3: #040e0a;
    --zone-wind-tag: #90c8a8;
    --zone-lightning-1: #1a180c;
    --zone-lightning-2: #14120a;
    --zone-lightning-3: #0e0c06;
    --zone-lightning-tag: #d8c860;
    --zone-info: #8fc4ff;

    /* ── Adventure elem borders ── */
    --elem-earth-border: #4a8a4a;
    --elem-fire-border: #8a4a2a;
    --blue-border: #3a6a9a;
    --elem-wind-border: #6a8a7a;
    --elem-lightning-border: #8a7a2a;
    --elem-tenebres-border: #4c2891;
    --elem-glace-border: #2dabbf;
    --elem-plante-border: #4a7a09;
    --elem-explosion-border: #b34a1f;
    --elem-boue-border: #5a3a17;

    /* ── Difficulty dot borders ── */
    --diff-1-border: #b0b6bc;
    --diff-2-border: #66aaff;
    --diff-3-border: #cc66ff;
    --diff-4-border: #ff5566;
    --diff-5-border: #ffaa33;
    --diff-6-border: #67e8f9;

    /* ── Disabled adventure ── */
    --adv-disabled-text: #a85a5a;
    --adv-error-text: #e88a8a;
    --adv-error-border: #8a2a2a;
    --adv-cleared: #8fb88f;
    --adv-success-end: #66ee66;

    /* ── Leaderboard ── */
    --lb-rank2: #c7c7d1;
    --lb-rank3: #d68b4a;
    --lb-elo: #9bb0d4;
    --light-blue-rgb: 139, 180, 232;
    --lb-wins: #5ecf5e;
    --lb-losses: #cf5e5e;

    /* ── Toast / Notifications ── */
    --toast-success: #88ee88;
    --toast-error: #ee8888;
    --toast-warning: #eebb66;

    /* ── Guild ── */
    --guild-green-start: #3a5a2a;
    --guild-green-end: #1a3a0a;
    --guild-promote-start: #8a6a2a;
    --guild-promote-end: #4a3a12;

    /* ── Daily ── */
    --daily-claimed-rgb: 46, 125, 50;

    /* ── Robuste btn ── */
    --robuste-btn: #2244aa;

    /* ── Victory bar ── */
    --victory-start: #66ff88;
    --victory-end: #88ffaa;

    /* ── Login page ── */
    --login-accent-rgb: 100, 200, 180;
    --login-accent2-rgb: 80, 180, 160;

    /* ── Danger modal ── */
    --modal-danger: #e88;
    --modal-danger-end: #991111;

    /* ── Misc unique ── */
    --online-rgb: 80, 200, 130;
    --officer-blue: #8bb4e8;
    --officer-blue-dark: #2a5a7b;
    --officer-blue-bg: #0a1828;
    --officer-blue-light: #b8d4f0;
    --delete-bg: #4a1a1a;
    --delete-bg-dark: #2a0a0a;
    --delete-text: #a04040;
    --highlight-alpha10: #ffffff10;
    --bestiary-strength: #44cc88;

    /* ── Guild (panel guildes + boss) ── */
    --guild-accent-text: #d8a8ff;          /* lavande clair (info / liens) */
    --guild-accent-text-rgb: 216, 168, 255;
    --guild-accent-bright: #cc88ff;        /* violet medium (mode invite, badges) */
    --guild-accent-bright-rgb: 204, 136, 255;
    --guild-banner-purple-deep: #6a18a8;
    --guild-boss-text: #ff8a8a;            /* rouge clair (texte boss/timer) */
    --guild-boss-text-rgb: 255, 138, 138;
    --guild-boss-red: #d04050;             /* rouge boss principal */
    --guild-boss-red-light: #ff5060;       /* rouge clair (flash gradient) */
    --guild-boss-red-deep: #80101c;        /* rouge profond (gradient end) */
    --guild-boss-bg-1: #0a0805;            /* bg deep boss panel */
    --guild-boss-bg-2: #1a1404;            /* bg mid boss panel */

    /* ── Result overlay (post-combat) ── */
    --result-success-bright: #A3E894;      /* vert clair victoire */
    --result-success-mid: #56B04E;         /* vert mid (gradient) */
    --result-defeat-text: #E89494;         /* rouge text defaite */
    --result-warning-mid: #E5D89E;         /* jaune creme avertissement */
    --result-blue-text: #a8b5ff;           /* bleu pale stats */

    /* ── Forge (panel craft Gardien) ── */
    --forge-warm: #ff8585;                 /* rouge clair (icones essence/feu) */
    --forge-bg-deep: #0b0a12;              /* bg deep panel forge */
    --forge-accent-light: #d9b3ff;         /* lavande accent (rares) */

    /* ── Alchemy (panel alchimie + cristallisation) ── */
    --alchemy-text-light: #d4a9ff;         /* lavande text principale */
    --alchemy-text-pale: #e0c4ff;          /* lavande pale subtitle */
    --alchemy-text-muted: #c9a6ff;         /* lavande muted */
}