/* Design tokens borrowed from d2rad.com: dark, low-contrast surfaces with gold accents and green/amber/red status */
:root {
    --font-sans: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

    --color-background: #05090c;
    --color-surface: #0a1014;
    --color-surface-subtle: #0a0f12;
    --color-surface-raised: #0d1418;
    --color-line: #354047;
    --color-line-soft: #202b31;

    --color-text: #f2f3f2;
    --color-muted: #a8afb3;
    --color-muted-strong: #c9ced0;
    --color-neutral: #aeb7bd;

    --color-gold: #dfb65b;
    --color-green: #79d879;
    --color-green-dark: #17351e;
    --color-amber: #e6a53b;
    --color-amber-dark: #3b2810;
    --color-red: #ef7a72;
    --color-red-dark: #3a1818;

    --radius-card: 5px;
    --page-width: 1440px;

    /* Type scale: font-size / unitless line-height pairs (unitless so children with other sizes scale correctly) */
    --text-xs: 0.75rem;
    --text-xs-lh: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm-lh: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg-lh: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl-lh: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl-lh: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl-lh: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl-lh: calc(2.5 / 2.25);

    --transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Breakpoints used throughout (media queries can't read custom properties): 40rem (640px) and 64rem (1024px) */