/*
 * Gallego Prada — the club design.
 *
 * The core CMS is design-neutral (light surfaces, grey accent, system
 * fonts, no grain). This file restores the original dark / amber look by
 * redefining every core token on :root. It loads after the core
 * stylesheet, so it wins; theme options (compiled CSS) load after this
 * file and still override individual tokens such as --color-brand-500.
 *
 * Inter / Oswald were never bundled by the site: the stacks below name them
 * and fall back to system fonts, exactly as before.
 */
:root {
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
    --font-display: 'Oswald', 'Inter', ui-sans-serif, system-ui, sans-serif;

    /* Primary accent: boxing gold. */
    --color-brand-50: #fffbeb;
    --color-brand-100: #fef3c7;
    --color-brand-200: #fde68a;
    --color-brand-300: #fcd34d;
    --color-brand-400: #fbbf24;
    --color-brand-500: #f59e0b;
    --color-brand-600: #d97706;
    --color-brand-700: #b45309;

    /* Secondary accent: ember. */
    --color-flame-500: #f97316;
    --color-flame-600: #ea580c;
    --color-flame-700: #c2410c;

    --color-on-brand: #000000;

    /* Warm near-black base. */
    --color-ink-900: #0c0a09;
    --color-ink-950: #070605;

    /* Surfaces */
    --color-surface: var(--color-ink-950);
    --color-surface-raised: var(--color-ink-900);
    --color-surface-card: rgb(255 255 255 / 0.03);
    --color-surface-card-hover: rgb(255 255 255 / 0.06);
    --color-surface-placeholder: oklch(20.5% 0 none);
    --color-surface-placeholder-strong: oklch(26.9% 0 none);
    --color-scrim: oklch(14.5% 0 none);
    --color-fill-subtle: rgb(255 255 255 / 0.05);
    --color-fill: rgb(255 255 255 / 0.1);
    --color-hero-start: oklch(20.5% 0 none);
    --color-hero-end: #000000;

    /* Hairlines */
    --color-border-subtle: rgb(255 255 255 / 0.05);
    --color-border: rgb(255 255 255 / 0.1);
    --color-border-strong: rgb(255 255 255 / 0.2);
    --color-border-hover: rgb(255 255 255 / 0.3);

    /* Text ramp */
    --color-text-strong: #ffffff;
    --color-text: oklch(97% 0 none);
    --color-text-subtle: oklch(92.2% 0 none);
    --color-text-soft: oklch(87% 0 none);
    --color-text-muted: oklch(70.8% 0 none);
    --color-text-faint: oklch(55.6% 0 none);
    --color-text-dim: oklch(37.1% 0 none);

    --color-contrast: #000000;
    --color-on-contrast: #ffffff;
    --color-contrast-hover: oklch(20.5% 0 none);

    --color-accent: var(--color-brand-500);
    --color-accent-hover: var(--color-brand-400);
    --color-danger: oklch(70.4% 0.191 22.216);
    --color-scrollbar-thumb: oklch(26.9% 0 none);

    --grain-opacity: 0.04;
}