:root {
    --navy: #182544;
    --navy-rgb: 24, 37, 68;
    --orange: #FF9A4A;
    --orange-deep: #AE1B01;
    --orange-light: #ff7a47;
    --grey-dark: #323843;

    --radius: .25rem;
    --font-display: 'Outfit', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    --page-bg: #fcfaf6;
    --page-text: #182544;
    --surface: #ffffff;
    --surface-rgb: 255, 255, 255;
    --ink: 24, 37, 68;
    --text-muted: rgba(var(--ink), .65);

    --paper: var(--page-bg);
    --text-light: var(--text-muted);
}

[data-theme="dark"] {
    --page-bg: #12151c;
    --page-text: #e7eaf1;
    --surface: #1b1f28;
    --surface-rgb: 27, 31, 40;
    --ink: 225, 228, 235;
}