/*
 * Design tokens de marca — derivados del isotipo oficial de Prince of Cards
 * (fondo navy, corona/rostro en degradado dorado, turbante ivory, trazo negro).
 * Cualquier color usado en el sitio debe salir de aquí.
 */

:root {
    /* --- Marca: navy --- */
    --c-navy-950: #0d1730;
    --c-navy-900: #152449;
    --c-navy-800: #1b2c58;
    --c-navy-700: #26386e;
    --c-navy-600: #34478a;

    /* --- Marca: dorado (degradado metálico, no plano) --- */
    --c-gold-light: #e8c766;
    --c-gold-mid: #c9a227;
    --c-gold-dark: #9c7a1f;
    --gradient-gold: linear-gradient(135deg, var(--c-gold-light), var(--c-gold-mid) 55%, var(--c-gold-dark));
    --gradient-gold-soft: linear-gradient(135deg, rgba(232, 199, 102, 0.9), rgba(201, 162, 39, 0.9));

    /* --- Marca: neutros --- */
    --c-ivory: #f2efe7;
    --c-ivory-dim: #d8d3c4;
    --c-ink: #0b0b0c;

    /* --- Superficies --- */
    --surface-bg: var(--c-navy-950);
    --surface-raised: var(--c-navy-900);
    --surface-glass: rgba(242, 239, 231, 0.06);
    --surface-glass-border: rgba(242, 239, 231, 0.14);
    --surface-glass-strong: rgba(13, 23, 48, 0.72);

    /* --- Texto --- */
    --text-primary: var(--c-ivory);
    --text-muted: rgba(242, 239, 231, 0.66);
    --text-inverse: var(--c-ink);

    /* --- Tipografía --- */
    --font-display: 'Playfair Display', 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* --- Espaciado (escala base 8px) --- */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;

    /* --- Radios y bordes --- */
    --radius-sm: 6px;
    --radius-md: 14px;
    --radius-lg: 28px;
    --border-hairline: 1px solid rgba(242, 239, 231, 0.12);
    --border-gold-hairline: 1px solid rgba(201, 162, 39, 0.4);

    /* --- Sombras (suaves, difusas — nunca "sombra de Bootstrap") --- */
    --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 12px 40px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.45);
    --shadow-gold-glow: 0 0 40px rgba(201, 162, 39, 0.25);

    /* --- Transiciones --- */
    --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 0.25s;
    --duration-base: 0.45s;
    --duration-slow: 0.9s;

    /* --- Capas --- */
    --z-header: 100;
    --z-drawer: 200;
    --z-overlay: 300;

    /* --- Contenedor --- */
    --container-max: 1320px;
}