/* Theme 1 — Landing (Default) */
/* Mirrors the landing.css fallbacks inside blink-launcher so the NextJS
   page chrome (header, canvas bg) matches the shadow-DOM theme. */
:root,
:host {
    --blink-radius: 0.625rem;
    --blink-wrapper-radius: 1rem;

    /* --- BRAND COLORS --- */
    /* Brand: Vibrant Purple (from Cubeia Originals CTA) */
    --blink-brand: 271 81% 56%;
    --blink-brand-cta-text: 0 0% 100%;

    /* Gradient: Purple -> Hot Pink */
    --blink-brand-gradient-start: 271 81% 56%;
    --blink-brand-gradient-end: 327 72% 51%;
    --blink-brand-cta-hover: 271 85% 65%;

    /* --- BASE TEXT --- */
    --blink-base-color: 0 0% 100%;
    --blink-base-color-muted: 256 30% 75%;

    /* --- LAYER SYSTEM (Deep Indigo) --- */
    --blink-layer-1: 256 50% 10%;
    --blink-layer-2: 253 49% 14%;
    --blink-layer-3: 250 40% 22%;
    --blink-layer-4: 250 35% 30%;

    /* --- MAIN BACKGROUNDS --- */
    --blink-primary: 256 50% 10%;
    --blink-launchpad: 256 50% 10%;
    --blink-gameboard: 256 55% 8%;
    --blink-gamebox: 0 0% 0%;
    --blink-game-footer: 253 45% 16%;
    --blink-dialog: 253 45% 16%;
    --blink-popover: 250 40% 22%;
    --blink-popover-color: 0 0% 100%;
    --blink-secondary: 250 40% 22%;

    /* --- CARDS & BORDERS --- */
    --blink-card: 256 50% 10%;
    --blink-card-border: 250 30% 22%;
    --blink-card-gradient: 271 81% 56% / 0.08;
    --blink-border: 250 30% 25%;
    --blink-highlight: 271 55% 42%;
    --blink-divider: 250 30% 22%;
    --blink-card-offset: 253 40% 18%;

    /* --- INPUTS & PILLS --- */
    --blink-pills: 250 35% 28%;
    --blink-tabs: 256 50% 10%;
    --blink-tabs-border: 250 30% 25%;

    /* --- SELECTED & BADGE --- */
    --blink-selected: 271 55% 45%;
    --blink-selected-color: 0 0% 100%;
    --blink-badge: 271 60% 20%;
    --blink-badge-border: 271 70% 40%;
    --blink-badge-color: 271 91% 75%;

    /* --- GAME BUTTONS (secondary in-game actions) --- */
    --blink-game-button: 250 35% 28%;
    --blink-game-button-color: 0 0% 100%;
    --blink-game-button-color-muted: 256 30% 75%;
    --blink-game-button-hover: 250 35% 36%;
    --blink-game-button-active: 271 55% 42%;

    /* --- MINES --- */
    --blink-mines-box: 256 55% 8%;
    --blink-mines-tile: 250 30% 25%;
    --blink-mines-tile-hover: 250 35% 33%;
    --blink-mines-diamond: 119 43% 45%;
    --blink-mines-bomb: 5 49% 48%;

    /* --- STATUS --- */
    --blink-destructive: 0 72% 50%;
    --blink-red-500: 350 85% 60%;
    --blink-gray-700: 250 15% 55%;
    --blink-green-500: 156 62% 52%;
}