/* Bwitix design tokens — thème clair éditorial */
@font-face {
    font-family: "Amsterdam Four";
    src: url("../fonts/amsterdam-four.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary: #FDC02A;
    --primary-hover: #e5ac1f;
    --secondary-green: #008000;
    --secondary-red: #E80000;

    --bg: #F6F7F9;
    --bg-elevated: #FFFFFF;
    --bg-muted: #EEF0F3;
    --bg-dark: #12141A;

    --text: #12141A;
    --text-muted: #5A606C;
    --text-on-dark: #F6F7F9;
    --text-on-primary: #12141A;

    --border: #E2E5EB;
    --border-strong: #C8CDD6;

    --font-display: "Syne", sans-serif;
    --font-h2: "Amsterdam Four", "Syne", sans-serif;
    --font-h3: "Outfit", "Syne", sans-serif;
    --font-body: "Outfit", sans-serif;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --shadow-sm: 0 1px 2px rgba(18, 20, 26, 0.06);
    --shadow-md: 0 8px 24px rgba(18, 20, 26, 0.08);

    --header-h: 72px;
    --container: min(1120px, calc(100% - 48px));
    --section-y: clamp(72px, 10vw, 120px);

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}