/*
   NOVERA.Software v2.0 - design tokens
   Every value here is taken from the board briefing PDF (Poppins on navy,
   gold and blue accents, green for "a person acts"). site.css builds on these;
   breakpoints.css changes layout only and never re-colours anything.
   */

@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/poppins-latin-200-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/poppins-latin-300-normal.woff2') format('woff2'); }
@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'); }

:root {
    color-scheme: dark;

    /* ground and surfaces */
    --ground:        #0b1020;   /* page */
    --surface:       #131e37;   /* card, top of its gradient */
    --surface-2:     #111b32;   /* card, bottom of its gradient */
    --surface-warm:  #1a1a24;   /* rule cards and the "house rules" step */
    --line:          #2c364d;   /* card border */
    --line-warm:     #3a3330;   /* border of a warm card */
    --rule:          #252e44;   /* footer hairline, table rows */

    /* ink, brightest to faintest */
    --ink:           #f1f3f9;   /* headings, emphasised lead-ins */
    --ink-2:         #9aa3b8;   /* ledes and running text */
    --ink-3:         #848da3;   /* card body */
    --ink-4:         #5e6881;   /* footer, table heads, tertiary labels */
    --ink-5:         #4d566d;   /* fine print */

    /* accents */
    --gold:          #e8a75c;   /* NOVERA gold: numbers, bars, bullets */
    --gold-ink:      #d69b57;   /* eyebrows and gold labels */
    --gold-line:     rgba(232, 167, 92, .55);
    --gold-tint:     rgba(232, 167, 92, .10);
    --blue:          #4a92dd;
    --blue-ink:      #79a4d1;
    --blue-tint:     rgba(74, 146, 221, .12);
    --green:         #6cc59f;   /* only for "a person" and "live" */
    --green-tint:    rgba(108, 197, 159, .10);

    /* type */
    --f-sans: 'Poppins', 'Segoe UI', system-ui, sans-serif;
    --w-xlight: 200;
    --w-light:  300;
    --w-reg:    400;
    --w-med:    500;

    /* layout */
    --page-max: 1456px;
    --gutter:   clamp(20px, 5.6vw, 82px);   /* the briefing's 82px margin on a 1456px page */
    --gap:      24px;
    --radius:   8px;
    --touch:    48px;
}