/* Shared foundations — Platinum Fundraising pages */

@font-face {
    font-family: 'Dominos Sans Text';
    font-stretch: 50% 75%;
    font-weight: 450 700;
    font-display: swap;
    src: url('/static/fonts/Dominos_Sans_Text_VF.woff2') format('woff2-variations');
}
@font-face {
    font-family: 'Dominos Sans Display';
    font-weight: 400 950;
    font-display: swap;
    src: url('/static/fonts/Dominos_Sans_Display_VF.woff2') format('woff2-variations');
}

* { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --brand-blue: #0090e2;
    --accessible-blue: #0077bd;
    --dark-blue: #005c91;
    --brand-red: #ff0000;
    --accessible-red: #e70000;
    --lava-800: #8f6c49;
    --lava-1000: #603913;
    --lava-1100: #472b3f;
    /* Rep-customizable accent colors — overridden at runtime by _applyAccentColors() */
    --accent-1: #ff0000;
    --accent-2: #0090e2;
    --accent-1-dark: #b30000;
    --accent-2-dark: #005c91;
    --accent-1-bg: rgba(255, 0, 0, 0.08);
    --accent-2-bg: rgba(0, 144, 226, 0.08);
    --dough-50: #fffcf9;
    --dough-100: #fefaf6;
    --dough-200: #faf2e9;
    --dough-300: #f0decc;
    --dough-400: #e8d9bf;
    --dough-700: #c0a58b;
    --text-primary: #603913;
    --text-secondary: #785431;
    --text-tertiary: #8f6c49;
    --status-success: #0077bd;
    --status-danger: #c80000;
    --status-warning: #7d5100;
    --status-info: #0090e2;
    --bg-primary: #fefaf6;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --font-sans: 'Dominos Sans Text', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-text: 'Dominos Sans Text', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Dominos Sans Display', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

html { font-size: 24px; }

/* Type Scale: Display (1.4rem/800) | Heading (1rem/700) | Body (0.85rem/400) | Caption (0.72rem/600) */

body {
    font-family: var(--font-sans);
    font-variation-settings: "wght" 450, "wdth" 75, "slnt" 0;
    background: var(--dough-100);
    color: var(--text-secondary);
    line-height: 1.5;
    font-size: 1rem;
}


strong, b {
    font-variation-settings: "wght" 700;
}

/* Global selection color */
::selection { background: rgba(0,144,226,0.2); color: var(--text-primary); }

/* Smooth scroll for anchor links */
html { scroll-behavior: smooth; }
