@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/geist-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/geist-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/geist-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
/* Exact light and dark tokens from the copied Luma style guide. */
:root {
    --font-sans: "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);

    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 74% 42%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 45.1%;
    --chart-1: 0 0% 9%;
    --chart-2: 0 0% 45.1%;
    --chart-3: 0 0% 63.9%;
    --chart-4: 0 0% 32.2%;
    --chart-5: 0 0% 83.1%;
    --sidebar: 0 0% 98%;
    --sidebar-foreground: 0 0% 3.9%;
    --sidebar-primary: 0 0% 9%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 0 0% 94.1%;
    --sidebar-accent-foreground: 0 0% 9%;
    --sidebar-border: 0 0% 89.8%;
    --sidebar-ring: 0 0% 45.1%;
    --radius: 0.625rem;

    /* The review tones: text, surface and border. Colour here means something. */
    --luma-ok: #15803d;      --luma-ok-surface: #f0fdf4;      --luma-ok-border: #bbf7d0;
    --luma-warn: #b45309;    --luma-warn-surface: #fffbeb;    --luma-warn-border: #fde68a;
    --luma-danger: #b91c1c;  --luma-danger-surface: #fef2f2;  --luma-danger-border: #fecaca;
    --luma-info: #1d4ed8;    --luma-info-surface: #eff6ff;    --luma-info-border: #bfdbfe;
    --luma-gold: #eda100;    --luma-on-gold: #2b1d00;
    --luma-sample-dot: #f59e0b;

    --luma-s1: 4px; --luma-s2: 8px; --luma-s3: 12px; --luma-s4: 16px; --luma-s5: 24px; --luma-s6: 32px; --luma-s7: 48px;
    --luma-radius-card: 1.5rem;
    --luma-radius-panel: 1rem;
    --luma-radius-menu: 0.625rem;
    --luma-radius-control: 9999px;
    --luma-shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --luma-shadow-raised: 0 12px 32px -12px rgb(0 0 0 / 0.25);

    --lsg-container: 1400px;
    --lsg-gutter: 1.5rem;
    --lsg-header-height: 3.5rem;
    --lsg-sidebar-width: 15rem;
    --lsg-logo-plate: transparent;
    color-scheme: light;
}
.dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 89.8%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 91% 71%;
    --destructive-foreground: 0 0% 9%;
    --border: 0 0% 18%;
    --input: 0 0% 22%;
    --ring: 0 0% 63.9%;
    --chart-1: 0 0% 89.8%;
    --chart-2: 0 0% 63.9%;
    --chart-3: 0 0% 45.1%;
    --chart-4: 0 0% 83.1%;
    --chart-5: 0 0% 32.2%;
    --sidebar: 0 0% 9%;
    --sidebar-foreground: 0 0% 98%;
    --sidebar-primary: 0 0% 89.8%;
    --sidebar-primary-foreground: 0 0% 9%;
    --sidebar-accent: 0 0% 14.9%;
    --sidebar-accent-foreground: 0 0% 98%;
    --sidebar-border: 0 0% 18%;
    --sidebar-ring: 0 0% 63.9%;

    --luma-ok: #5fd08a;      --luma-ok-surface: rgba(95, 208, 138, 0.1);     --luma-ok-border: rgba(95, 208, 138, 0.32);
    --luma-warn: #f2b04a;    --luma-warn-surface: rgba(242, 176, 74, 0.1);   --luma-warn-border: rgba(242, 176, 74, 0.32);
    --luma-danger: #f28b82;  --luma-danger-surface: rgba(242, 139, 130, 0.1); --luma-danger-border: rgba(242, 139, 130, 0.32);
    --luma-info: #8ab4f8;    --luma-info-surface: rgba(138, 180, 248, 0.1);  --luma-info-border: rgba(138, 180, 248, 0.32);
    --luma-gold: #f5bf3a;    --luma-on-gold: #1f1500;
    --luma-shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.4);
    --luma-shadow-raised: 0 16px 40px -12px rgb(0 0 0 / 0.7);

    /* Use the approved yellow logo directly on dark surfaces. */
    --lsg-logo-plate: transparent;
    color-scheme: dark;
}