:root {
    /* Parchment & ink (letters, quiz reveal cards only) */
    --color-parchment: #ece0c2;
    --color-parchment-light: #f7f0da;
    --color-parchment-dark: #d9c795;
    --color-ink: #241a10;
    --color-ink-soft: #4a3a26;

    /* Night — cool, near-black cinematic navy, not purple */
    --color-night: #0a0d16;
    --color-night-deep: #050609;
    --color-night-mid: #10141f;
    --color-night-light: #1b2130;
    --color-night-panel: #0d111c;

    /* Magic accents — antique brass/gold, restrained and metallic */
    --color-gold: #b8933f;
    --color-gold-bright: #d9b768;
    --color-gold-soft: #c9a862;
    --color-gold-dim: #7a5f2c;
    --color-candle: #e69a4a;
    --color-arcane: #6a5aa8;
    --color-teal: #4fb3ae;

    --color-error: #d16a6a;
    --color-success: #6fbf8f;
    --color-white: #f2ede0;
    --color-text-dim: rgba(242, 237, 224, 0.6);
    --color-text-faint: rgba(242, 237, 224, 0.38);

    --gradient-gold-foil: linear-gradient(135deg, #f3d998 0%, #c99a3f 28%, #efd489 52%, #a8792c 76%, #f0d68f 100%);
    --gradient-night-panel: linear-gradient(165deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01) 40%, rgba(0,0,0,0.18));

    /* House palettes (overridden inline per-user once Sorted) */
    --house-primary: var(--color-night-mid);
    --house-secondary: var(--color-gold);
    --house-accent: var(--color-gold-bright);

    --font-display: 'Cinzel', Georgia, 'Palatino Linotype', 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Mostly-square, cinematic-poster edges rather than soft rounded "app" corners */
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;

    --shadow-ambient: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.45), 0 28px 70px -14px rgba(0,0,0,0.7);
    --shadow-soft: 0 4px 18px rgba(0,0,0,0.45);
    --shadow-glow-gold: 0 0 1px rgba(217,183,104,0.7), 0 0 22px rgba(184,147,63,0.25);
    --shadow-inset-hairline: inset 0 1px 0 rgba(255,255,255,0.05), inset 0 0 0 1px rgba(184,147,63,0.14);

    --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
}