/**
 * Aplausos Festival - Design Tokens (CSS Custom Properties)
 */

/* ── Comfortaa Variable Font (local) ─────────────────────────────── */
@font-face {
    font-family: 'Comfortaa';
    src: url('../../fonts/Comfortaa-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ── Aplausos Festival Display Font (local) ──────────────────────── */
@font-face {
    font-family: 'AplausosFont';
    src: url('../../fonts/aplausos_font-Regular.woff2') format('woff2'),
         url('../../fonts/aplausos_font-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ── Global Typography ───────────────────────────────────────────── */
body {
    font-family: 'Comfortaa', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'AplausosFont', serif !important;
}

:root {
    /* ── General site backgrounds (light theme) ── */
    --bg-primary: #f6f9eb;
    --bg-secondary: #eef1de;
    --bg-card: #f6f9eb;
    --bg-elevated: #eef1de;

    /* ── Accent palette ── */
    --gold: #cd9542;
    --gold-bright: #f0d97a;
    --gold-dim: #681919;
    --copper: #cd9542;
    --copper-light: #f07d42;
    --amber: #D18F31;
    --wine: #681919;

    /* ── Text ── */
    --text-primary: #3f0201;
    --text-secondary: #7a3030;
    --text-muted: #8a5050;

    /* ── Headings ── */
    --heading-primary: #681919;
    --heading-secondary: #3f0201;

    /* ── General site buttons ── */
    --btn-primary: #681919;
    --btn-primary-hover: #3f0201;
    --btn-primary-text: #f6f9eb;

    /* ── Header & Footer ── */
    --header-bg: #3f0201;
    --header-text: #f6f9eb;
    --header-btn: #cd9542;
    --header-btn-hover: #bfa86f;
    --header-heading: #bfa86f;
    --footer-bg: #3f0201;
    --footer-text: #f6f9eb;
    --footer-heading: #bfa86f;
    --footer-link: rgba(246, 249, 235, 0.75);
    --footer-link-hover: #bfa86f;

    /* ── Hero section (dark stage) ── */
    --hero-bg: #272a29;
    --hero-text: #f6f9eb;
    --hero-btn-outline: #cd9542;

    /* ── Borders ── */
    --border: #d4c9b0;
    --border-light: #e5dfc8;

    /* ── Status ── */
    --success: #22c55e;
    --error: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;

    /* Typography scale */
    --fs-display: clamp(2.8rem, 7vw, 4.5rem);
    --fs-h1: clamp(2rem, 5vw, 2.4rem);
    --fs-h2: clamp(1.4rem, 3.5vw, 1.65rem);
    --fs-h3: 1.2rem;
    --fs-body: 0.95rem;
    --fs-sm: 0.85rem;
    --fs-xs: 0.75rem;

    /* Transitions */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --duration: 300ms;
}