/* Generated by build.py from content/systems.json. Do not edit by hand. */
/* IBM Carbon: @carbon/themes 11.83.0 (g100, g10 zones) and @carbon/type */
html[data-system="carbon"] { --cds-background:#161616; --cds-layer-01:#262626; --cds-text-primary:#f4f4f4; --cds-text-secondary:#c6c6c6; --cds-text-inverse:#161616; --cds-border-subtle-01:#525252; --cds-link-primary:#78a9ff; --cds-focus:#ffffff; --cds-button-primary:#0f62fe; --cds-text-on-color:#ffffff; --font-display:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; --font-body:'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif; --surface:var(--cds-background); --surface-raised:var(--cds-layer-01); --surface-light:var(--cds-background); --text:var(--cds-text-primary); --text-muted:var(--cds-text-secondary); --text-on-light:var(--cds-text-primary); --text-on-action:var(--cds-text-inverse); --border:var(--cds-border-subtle-01); --action:var(--cds-link-primary); --focus:var(--cds-focus); --radius-sm:0; --radius-md:0; --weight-semibold:400; --tracking-heading:0; }
html[data-system="carbon"] .light-section { --cds-background:#f4f4f4; --cds-text-primary:#161616; --cds-text-secondary:#525252; --cds-text-inverse:#ffffff; --cds-border-subtle-01:#e0e0e0; --cds-link-primary:#0f62fe; --cds-focus:#0f62fe; --surface:var(--cds-background); --surface-light:var(--cds-background); --text:var(--cds-text-primary); --text-muted:var(--cds-text-secondary); --text-on-light:var(--cds-text-primary); --text-on-action:var(--cds-text-inverse); --border:var(--cds-border-subtle-01); --action:var(--cds-link-primary); --focus:var(--cds-focus); }
html[data-system="carbon"] .button.primary { background:var(--cds-button-primary); color:var(--cds-text-on-color); border-color:var(--cds-button-primary); }
html[data-system="carbon"] .button { min-width:200px; }
html[data-system="carbon"] .next-hero h1 { font-weight:300; }
html[data-system="carbon"] .system-note[data-for="carbon"] { display:block; }
/* Material 3: @material/web 2.4.1 tokens v0_192 (dark baseline) */
html[data-system="material"] { --md-ref-typeface-brand:Roboto; --md-ref-typeface-plain:Roboto; --md-sys-color-surface:#141218; --md-sys-color-surface-container:#211f26; --md-sys-color-surface-container-low:#1d1b20; --md-sys-color-on-surface:#e6e0e9; --md-sys-color-on-surface-variant:#cac4d0; --md-sys-color-outline-variant:#49454f; --md-sys-color-primary:#d0bcff; --md-sys-color-on-primary:#381e72; --md-sys-color-secondary:#ccc2dc; --md-sys-shape-corner-medium:12px; --md-sys-shape-corner-large:16px; --md-sys-shape-corner-full:9999px; --md-sys-typescale-display-large-weight:400; --md-sys-typescale-display-large-tracking:-0.015625rem; --font-display:var(--md-ref-typeface-brand); --font-body:var(--md-ref-typeface-plain); --surface:var(--md-sys-color-surface); --surface-raised:var(--md-sys-color-surface-container); --surface-light:var(--md-sys-color-surface-container-low); --text:var(--md-sys-color-on-surface); --text-muted:var(--md-sys-color-on-surface-variant); --text-on-light:var(--md-sys-color-on-surface); --text-on-action:var(--md-sys-color-on-primary); --border:var(--md-sys-color-outline-variant); --action:var(--md-sys-color-primary); --focus:var(--md-sys-color-secondary); --radius-sm:var(--md-sys-shape-corner-medium); --radius-md:var(--md-sys-shape-corner-large); --weight-semibold:var(--md-sys-typescale-display-large-weight); --tracking-heading:var(--md-sys-typescale-display-large-tracking); }
html[data-system="material"] .button { border-radius:var(--md-sys-shape-corner-full); padding-inline:var(--space-6); }
html[data-system="material"] .question-row { border-radius:var(--radius-sm); }
html[data-system="material"] .system-note[data-for="material"] { display:block; }
/* shadcn/ui: shadcn/ui registry new-york-v4 theme-zinc (light) */
html[data-system="shadcn"] { --font-sans:Geist, sans-serif; --background:oklch(1 0 0); --foreground:oklch(0.141 0.005 285.823); --muted:oklch(0.967 0.001 286.375); --muted-foreground:oklch(0.552 0.016 285.938); --primary:oklch(0.21 0.006 285.885); --primary-foreground:oklch(0.985 0 0); --ring:oklch(0.705 0.015 286.067); --radius:0.625rem; --font-display:var(--font-sans); --font-body:var(--font-sans); --surface:var(--background); --surface-raised:var(--muted); --surface-light:var(--muted); --text:var(--foreground); --text-muted:var(--muted-foreground); --text-on-light:var(--foreground); --text-on-action:var(--primary-foreground); --border:oklch(0.92 0.004 286.32); --action:var(--primary); --focus:var(--ring); --radius-sm:calc(var(--radius) - 4px); --radius-md:calc(var(--radius) - 2px); --weight-semibold:600; --tracking-heading:-0.025em; }
html[data-system="shadcn"] .button { min-height:40px; padding-block:var(--space-2); }
html[data-system="shadcn"] .system-note[data-for="shadcn"] { display:block; }