:root {
    /* text */
    --am-ink: #1E2A44;      --am-ink-2: #3A4661;   --am-slate: #5B6478;
    --am-gray: #8A93A6;     --am-faint: #AEB6C6;
    /* lines and surfaces (cool) */
    --am-hair: #EEF0F4;     --am-hair-2: #F3F5F8;  --am-surface: #FAFBFC;  --am-paper: #FFFFFF;
    /* green: positive values, primary actions */
    --am-accent: #0B6B34;   --am-accent-dark: #095A2C;  --am-accent-soft: #E7F1EC;
    /* amber: pending and warnings only */
    --am-amber: #B07A1A;    --am-amber-soft: #F6EEDD;   --am-amber-text: #7A5514;
    /* red: errors and destructive actions only */
    --am-red: #B23A48;      --am-red-soft: #F7E9EA;     --am-red-line: #E4CFD1;
    /* soft outlines for the green / amber tints (money movements, alerts) */
    --am-accent-line: #B9D7C4; --am-amber-line: #E8C98A; --am-page: #F4F7FA;
    /* navy: chrome */
    --am-navy: #071F4E;     --am-navy-2: #153567;  --am-navy-soft: #F1F4FA;  --am-navy-line: #DBE3F0;
    /* links */
    --am-blue: #2F5D8A;     --am-blue-soft: #E7EFF7;
    /* chart and segment series */
    --am-s1: #0B6B34; --am-s2: #153567; --am-s3: #9AA3B5; --am-s4: #5B8FA8; --am-s5: #7C6BA8; --am-s6: #C9CEDA;
    /* type */
    --am-font: 'IBM Plex Sans', -apple-system, "Segoe UI", Roboto, sans-serif;
    --am-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --am-text-xs: 11px; --am-text-sm: 12.5px; --am-text-base: 13.5px; --am-text-md: 14.5px;
    --am-text-lg: 18px; --am-text-xl: 28px;
    /* radii and spacing */
    --am-radius-sm: 6px; --am-radius-md: 10px; --am-radius-lg: 12px; --am-radius-xl: 16px;
    --am-gap: 16px; --am-row-gap: 16px; --am-col-gap: 20px;
}