/*
 * na.amma.org design tokens, shared by both donation sites.
 *
 * Values are copied from na.amma.org's amma theme (na-amma repo,
 * web/themes/custom/amma/css/style.css :root) so the donation pages use the same
 * palette and type. Keep names identical to that file; when na.amma.org changes a
 * value, change it here too.
 *
 * Loaded by every server-rendered page and imported by the React app (main.jsx).
 * Poppins is self-hosted (see ../fonts/poppins/NOTICE.txt). Only the weights the
 * donation pages use are included.
 */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Brand palette (na.amma.org --amma-*) */
    --amma-white:        #FFFFFF;
    --amma-purple-dark:  #2D164C; /* headings, primary brand, footer */
    --amma-plum:         #825184; /* links, secondary buttons */
    --amma-mauve:        #AF78B1; /* light purple (not used for text: 3:1 on light backgrounds) */
    --amma-pale-lilac:   #E7CCE8;
    --amma-bronze:       #947026; /* primary call-to-action buttons */
    --amma-gold:         #D6AE54; /* focus outline on buttons */
    --amma-mist:         #E5E4EB; /* disabled buttons */
    --amma-greige:       #A89C8D; /* rules and dividers */
    --amma-slate:        #4D5565; /* secondary text */
    --amma-offwhite:     #F6F1E5; /* warm light section background */
    --amma-cloud:        #F2F2F5; /* cool page background (standard form) */
    --amma-accent:       #CC0000; /* errors and required-field marks */
    --amma-footer-heading: #F2E5CA;

    /* Body text: Olivero's --color-text-neutral-medium (gray 20%), which
       na.amma.org inherits for paragraph text. */
    --amma-text:         #2B353B;

    /* Classic form background. Not an na.amma.org token: --amma-offwhite read too
       strong as a full-page background, so the classic form keeps its original,
       subtler warm grey. */
    --amma-bg-classic:   #F7F5F4;

    /* Heading scale (na.amma.org --fs-*) */
    --fs-small:       0.875rem;
    --fs-small-medium: 1rem;
    --fs-medium:      clamp(1rem, 0.9426rem + 0.2551vw, 1.125rem);
    --fs-large:       clamp(1.125rem, 0.9528rem + 0.7653vw, 1.5rem);
    --fs-x-large:     clamp(1.5rem, 1.3852rem + 0.5102vw, 1.75rem);
    --fs-page-title:  clamp(1.75rem, 1.6352rem + 0.5102vw, 2rem);

    /* Component tokens */
    --amma-btn-radius:  30px;  /* .rich-btn pill buttons */
    --amma-focus-ring:  0 0 0 0.2rem rgba(130, 81, 132, 0.25); /* plum at 25% */
}