/* Monterey Financial — Design Tokens (subset for portal use)
   Ported from the Monterey Financial Design System. Source of truth
   is the marketing team's colors_and_type.css; this file carries the
   tokens and the minimum type/reset needed by portal pages. */

/* Inter — 24pt (body) and 28pt (display) optical cuts, 400/500/600/700 */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter/Inter_24pt-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter/Inter_24pt-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter/Inter_24pt-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter/Inter_24pt-Bold.ttf") format("truetype"); }
@font-face { font-family: "Inter Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter/Inter_28pt-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter/Inter_28pt-Bold.ttf") format("truetype"); }

:root {
    /* Color primitives */
    --cerulean-5: #f3f7fa;
    --cerulean-10: #e7f0f5;
    --cerulean-20: #cfe1eb;
    --cerulean-100: #007f9c;
    --midnight-100: #181d27;
    --aegean-100: #06304d;
    --error-10: #fef3f2;
    --error-100: #f04437;
    --success-20: #ecfef3;
    --success-100: #46cd89;

    /* Semantic */
    --fg-primary: var(--midnight-100);
    --fg-secondary: #535862;
    --fg-tertiary: #414651;
    --fg-brand: var(--cerulean-100);
    --fg-brand-dark: #0a4366;
    --fg-on-dark: #ffffff;
    --fg-on-dark-dim: #94c0d6;

    --bg-primary: #ffffff;
    --bg-secondary: #f5fafc;
    --bg-inverse: var(--aegean-100);
    --bg-brand: var(--cerulean-100);
    --bg-brand-hover: #1a6a92;
    --bg-brand-deep: #08558b;

    --border-primary: #e9eaeb;
    --border-secondary: #d5d7da;
    --border-brand: var(--cerulean-100);
    --border-on-dark: #1a6a92;

    /* Buttons */
    --btn-primary-bg: var(--cerulean-100);
    --btn-primary-bg-hover: var(--bg-brand-hover);
    --btn-primary-bg-active: #04507a;
    --btn-shadow:
        0 1px 2px 0 rgba(10,13,18,0.05),
        inset 0 -2px 0 0 rgba(10,13,18,0.05),
        inset 0 0 0 1px rgba(10,13,18,0.18);

    /* Radii */
    --radius-md: 8px;
    --radius-xl: 16px;
    --radius-pill: 9999px;
    --radius-hero: 160px 0 0 0;

    /* Shadows */
    --shadow-xs: 0 1px 2px 0 rgba(10,13,18,0.05);
    --shadow-sm: 0 1px 3px 0 rgba(10,13,18,0.10), 0 1px 2px -1px rgba(10,13,18,0.10);
    --shadow-md: 0 4px 6px -1px rgba(10,13,18,0.08), 0 2px 4px -2px rgba(10,13,18,0.08);
    --shadow-lg: 0 10px 15px -3px rgba(10,13,18,0.08), 0 4px 6px -4px rgba(10,13,18,0.08);

    /* Typography */
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-display: "Inter Display", "Inter", ui-sans-serif, system-ui, sans-serif;
    --tracking-tight: -0.02em;
}