:root { --brand: #0A4A5C; --brand-rgb: 10,74,92; --brand-deep: #073544; --brand-deep-rgb: 7,53,68; --brand-soft: #146578; --brand-grad-start: #062F3C; --brand-grad-end: #0F5E73; --accent: #157A94; --accent-rgb: 21,122,148; --accent-bright: #5DBFD9; --accent-bright-rgb: 93,191,217; --accent-deep: #0F5E73; --accent-wash: #E6F4F8; --accent-wash-rgb: 230,244,248; --highlight: #F2A65A; --highlight-rgb: 242,166,90; --highlight-light: #F7C58E; --highlight-deep: #C9792E; --scan-rgb: 150,222,240; --paper: #FFFFFF; --cloud: #F3F8FA; --cloud-2: #EAF3F6; --ink: #0A1C24; --muted: #4F6672; --line: #DFE8EC; --line-strong: #C7D6DC; --on-dark: #DDEFF4; --on-dark-2: #B5D7E1; --on-dark-3: #8DBDCB; --on-accent-soft: #E3F3F7; --f-head: 'Manrope', 'Helvetica Neue', Arial, sans-serif; --f-body: 'Inter', 'Helvetica Neue', Arial, sans-serif; --radius: 18px; --radius-sm: 10px; --arch: 999px 999px 22px 22px; --navy: var(--brand); --navy-deep: var(--brand-deep); --navy-soft: var(--brand-soft); --teal-bright: var(--accent-bright); --teal-wash: var(--accent-wash); --gold: var(--highlight); --gold-deep: var(--highlight-deep); --teal: #0A4A5C; --teal-deep: #073544; --teal-soft: #146578; --sky: #5DBFD9; --sky-deep: #3DA3BF; --sky-soft: #E0F2F7; --sand: var(--cloud); --sand-warm: var(--cloud-2); --bg: #FFFFFF; --bg-alt: var(--cloud); --bg-band: var(--brand); --white: #FFFFFF; --text: var(--ink); --text-muted: var(--muted); --accent-hover: var(--accent-deep); --font-display: var(--f-head); --font-body: var(--f-body); }