/* Lens of Clarity — High Contrast / Colorblind Friendly */
[data-theme="lens_of_clarity"] {
    /* Background Colors — Pure blacks for maximum contrast */
    --bg-color: #000000;
    --bg-gradient: none;
    --panel-bg: #000000f2;
    --panel-bg-opaque: #000000;
    --card-bg: #111111;
    --list-bg: #000000;
    --entry-bg: #111111;
    --entry-hover-bg: #222222;
    --canvas-bg: #000000;
    --bg-secondary: #111111;
    --bg-tertiary: #111111;
    --border-primary: #FFFFFF;
    --text-accent: #FFFF00;

    /* Text Colors — Pure whites and high-contrast grays */
    --text-color: #FFFFFF;
    --text-muted: #EEEEEE;
    --text-secondary: #FFFFFF;

    /* Accent Colors — Okabe-Ito Yellow for high visibility */
    --accent-color: #F0E442;
    --accent-gradient: var(--accent-color);
    --accent-glow: #F0E44244;
    --accent-hover: #F0E44288;
    --accent-bg: #F0E4421a;
    --accent-bg-hover: #F0E44233;
    --accent-light: #F0E442;

    /* Border Colors — Thick, visible borders */
    --border-color: #FFFFFF;
    --border-hover: #FFFF00;
    --glass-border: #FFFFFF;

    /* Input/Form Colors */
    --input-bg: #000000;
    --input-border: #FFFFFF;
    --select-option-bg: #000000;
    --widget-bg: var(--input-bg);

    /* Button Colors */
    --button-bg: #333333;
    --button-border: #FFFFFF;
    --button-text: #FFFFFF; /* White text for normal buttons on dark bg */
    --button-primary-text: #000000; /* Black text for accent buttons on yellow bg */

    /* Tab Colors */
    --tab-bg: #111111;
    --tab-text: #FFFFFF;
    --tab-active-text: #000000;

    /* Scrollbar Colors */
    --scrollbar-track: #111111;
    --scrollbar-thumb: #FFFFFF;
    --scrollbar-thumb-hover: #FFFF00;

    /* Deck Group Headers */
    --deck-header-bg: #111111;
    --deck-header-border: #FFFF00;
    --deck-header-text: #FFFF00;

    /* Popup/Modal Colors */
    --popup-bg: #000000;
    --popup-border: #FFFFFF;
    --popup-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
    --popup-section-border: #FFFFFF;

    /* Chart/Stat Colors */
    --chart-bg: #000000;
    --chart-title-color: #FFFFFF;

    /* Divider/Collapse Colors */
    --divider-border: #FFFFFF;
    --divider-btn-bg: #111111;
    --divider-btn-text: #FFFFFF;

    /* Scanning/Loading Colors */
    --scanning-bg: #000000fa;
    --scanning-text: #FFFFFF;

    /* Pro Feature Colors */
    --pro-overlay-bg: #000000d9;
    --pro-overlay-border: #FFFF00;
    --pro-text: #FFFFFF;

    /* Card Type Colors — Using Okabe-Ito palette for maximum CVD distinction */
    --type-creature: #FFFFFF;    /* White */
    --type-land: #999999;        /* Medium Gray */
    --type-instant: #56B4E9;     /* Sky Blue */
    --type-sorcery: #D55E00;     /* Vermillion */
    --type-enchantment: #CC79A7;  /* Reddish Purple */
    --type-artifact: #E69F00;    /* Orange */
    --type-planeswalker: #F0E442; /* Yellow */
    --type-other: #777777;

    /* MTG Mana Colors — Okabe-Ito refined for CVD accessibility */
    --mtg-white-mana: #FFFFFF;
    --mtg-blue-mana: #56B4E9;   /* Sky Blue */
    --mtg-black-mana: #CC79A7;   /* Reddish Purple */
    --mtg-red-mana: #D55E00;    /* Vermillion */
    --mtg-green-mana: #009E73;   /* Bluish Green */
    --mtg-generic-mana: #999999;
    --mtg-multicolor: #E69F00;   /* Orange */
    --mtg-gold: #E69F00;

    /* Rarity Palette (Colorblind Safe) */
    --rarity-common: #FFFFFF;
    --rarity-uncommon: #56B4E9; /* Sky Blue */
    --rarity-rare: #E69F00;     /* Orange */
    --rarity-mythic: #D55E00;   /* Vermillion */

    /* MTG Archetype Colors — Okabe-Ito full palette distribution */
    --archetype-aggro: #D55E00;      /* Vermillion */
    --archetype-tribal: #E69F00;     /* Orange */
    --archetype-protection: #56B4E9;  /* Sky Blue */
    --archetype-control: #0072B2;     /* Blue */
    --archetype-ramp: #009E73;        /* Bluish Green */
    --archetype-draw: #F0E442;        /* Yellow */
    --archetype-combo: #CC79A7;       /* Reddish Purple */
    --archetype-balanced: #FFFFFF;

    /* Semantic Colors — Colorblind Safe Pairs */
    --success-color: #009E73;    /* Bluish Green */
    --success-bg: #009E731a;
    --success-border: #009E73;
    --success-bg-hover: #009E7333;
 
    --danger-color: #D55E00;     /* Vermillion */
    --danger-bg: #D55E001a;
    --danger-border: #D55E00;
    --danger-bg-hover: #D55E0033;
    --error-color: #D55E00;
    --error-border: #D55E00;

    --warning-color: #F0E442;    /* Yellow */
    --warning-bg: #F0E4421a;
    --warning-border: #F0E442;

    --info-color: #56B4E9;       /* Sky Blue */
    --info-bg: #56B4E91a;
    --info-border: #56B4E9;
    --info-bg-hover: #56B4E933;

    /* Social colors */
    --discord-color: #5865F2;
    --favorite-color: #E69F00; /* Colorblind safe orange */
    --favorite-bg: rgba(230, 159, 0, 0.2);

    /* Search Chips */
    --chip-bg: var(--accent-color); /* Yellow */
    --chip-text: #000000;
    --chip-exclude-bg: #D55E00; /* Vermillion */
    --chip-exclude-text: #000000;
    --chip-or-bg: #56B4E9; /* Sky Blue */
    --chip-or-text: #000000;

    /* Chart Palette (Colorblind Safe) */
    --chart-cat-1: #0072B2; /* Blue */
    --chart-cat-2: #009E73; /* Bluish Green */
    --chart-cat-3: #D55E00; /* Vermillion */
    --chart-cat-4: #CC79A7; /* Reddish Purple */
    --chart-cat-5: #F0E442; /* Yellow */
    --chart-cat-6: #56B4E9; /* Sky Blue */
    --chart-cat-7: #E69F00; /* Orange */
    --chart-cat-8: #000000;
    --chart-cat-9: #777777;
    --chart-cat-10: #004949;
    --chart-cat-11: #009292;
    --chart-cat-12: #ff6db6;
    --chart-cat-13: #ffb6db;
    --chart-cat-14: #b66dff;

    /* Tag Styling */
    --tag-bg: #333333;
    --tag-text: #FFFFFF;
    --tag-border: #FFFFFF;

    /* Functional Curve Colors */
    --fc-sweet-spot: #009E73;
    --fc-less-value: #F0E442;
    --fc-reactive: #D55E00;

    /* Accent RGB */
    --accent-rgb: 240, 228, 66;
    --color-accent-rgb: 240, 228, 66;
 
    /* Overlay/Banner Colors */
    --overlay-bg: #000000cc;
    --impersonation-bg: #F0E442;

    /* Effects — Disabled blur for maximum clarity */
    --glass-blur: none;
}