/* Brand tokens (from the Figma mock and the client's comment decks: dark green, teal, mint) */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Arimo'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/arimo-latin-700-normal.woff2') format('woff2'); }

:root {
    --color-primary: #104B27;      /* dark green: buttons, menu, footer text */
    --color-accent: #008080;       /* teal: highlighted words, top bar, call-to-action banner */
    --color-mint: #B1F3CB;         /* header, footer, feature panels */
    --color-light-green: #82FFAB;  /* text on teal */
    --color-ink: #010517;          /* headings */
    --color-navy: #0B1F5C;         /* page banner shade */
    --color-text: #232323;
    --color-body: #646464;         /* paragraphs */
    --color-muted: #797979;
    --color-soft: #878787;
    --color-surface: #F7F7F7;      /* cards, panels */
    --color-surface-2: #E8E8E8;    /* stat cards */
    --color-border: #D9D9D9;
    --color-outline: #AFAFAF;      /* outline marquee text */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-hero-text: #777777;   /* hero paragraph */
    --color-tab: #616161;         /* inactive tabs */
    --color-band: #FAFAFA;        /* marquee band */
    --color-error: #C62828;       /* form errors */

    --font-heading: 'Poppins', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
    --font-body: 'Poppins', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
    --font-display: 'Arimo', 'Poppins', sans-serif;
}