/**
 * (C) Copyright Mindus SARL, 2026.
 * All rights reserved.
 *
 * The shipped IIZI themes: the platform tokens of THEME-DESIGN.md section 4.3 as values, one
 * block per theme (order CC-THEME-A1-TOKENS, phase A1).
 *
 * A shipped theme is a FAMILY with a light and a dark member. A theme is nothing but a set of
 * values for the tokens below - no theme holds selectors or code of its own - and every block
 * defines every token (ThemeSheetTest fails the build when one is missing). The page selects a
 * block by two attributes iz/uischeme.js sets on the document element, never by classes:
 *
 *   data-iz-scheme  the family: iizi | graphite | contrast   (the catalogue: UISchemes.java)
 *   data-iz-mode    the resolved mode: light | dark          (auto is resolved by the script)
 *
 * The first plain :root block is the IIZI family's light member, the default for a page that
 * runs no theme script; the (prefers-color-scheme: dark) block is its dark member for such a
 * page when the OS is dark (R12). Both are outranked by the attribute blocks by specificity,
 * so a page that runs the script always shows the chosen theme.
 *
 * Vocabulary (37 colour roles, 11 shape/type/motion tokens, frozen by ruling R9; 9 decoration tokens
 * added by order CC-THEME-PALETTE, 2026-10-24):
 *
 *   Surface   --iz-bg NormalBackground   --iz-bg2 RaisedBackground   --iz-bg3 SunkenBackground
 *             --iz-hd/--iz-hd-fg Header  --iz-tip/--iz-tip-fg Tooltip  --iz-scrim ScrimBackground
 *   Text      --iz-fg NormalText  --iz-fg2 MutedText  --iz-link LinkText  --iz-link2 LinkVisitedText
 *   Accent    --iz-acc Accent  --iz-acc-fg AccentText  --iz-acc-h AccentHovered  --iz-acc-p AccentPressed
 *   Widget    --iz-wb WidgetBase  --iz-wbg WidgetBackground
 *   State     --iz-hov/--iz-hov-fg Hovered  --iz-prs/--iz-prs-fg Pressed  --iz-sel/--iz-sel-fg Selected
 *             --iz-dis/--iz-dis-fg Disabled
 *   Feedback  --iz-err/--iz-err-bg Error  --iz-wrn/--iz-wrn-bg Warning  --iz-ok/--iz-ok-bg Success
 *             --iz-inf/--iz-inf-bg Info
 *   Line      --iz-bd Border  --iz-div Divider  --iz-focus FocusOutline
 *   Shape     --iz-r control radius  --iz-r2 large radius  --iz-bw border width
 *             --iz-sh1 elevation 1 (menus)  --iz-sh2 elevation 2 (dialogs, prompts)  --iz-sp spacing unit
 * Decoration --iz-btn-t/--iz-btn-b button gradient top/bottom at rest  --iz-btn-ht/--iz-btn-hb hovered
 *             --iz-btn-pt/--iz-btn-pb pressed  --iz-btn-bd button border  --iz-sh-btn button shadow
 *             --iz-sh-card card shadow (a raised container)  --iz-sw-on the Switch's ON track
 *             --iz-stripe the odd row of a table (one grey step from WidgetBackground)
 *             --iz-sw-on-fg the Switch's ON label
 *   Type      --iz-font UI font stack  --iz-mono monospace stack  --iz-fs base size  --iz-lh line height
 *   Motion    --iz-dur standard duration, 0 under prefers-reduced-motion
 *
 * Minifier constraints (Closure Stylesheets, the production concatenation): lowercase token
 * names only, no @supports.
 *
 * The IIZI and Graphite values are the softer neutral-grey palette the owner settled in a live
 * trial on 2026-10-24 (order CC-THEME-PALETTE, rulings P-1..P-6): every value on the grey scale
 * #fafafa, #f5f5f5, #eeeeee, #e0e0e0, #bdbdbd, #9e9e9e, #757575, #616161, #424242, #333333,
 * #2c2c2c, #212121, #1a1a1a (the IIZI hover gradient ends #d6d6d6 and #4f4f4f excepted, and
 * Graphite dark's button top #4c4c4c: the lightest grey on which NormalText #bdbdbd reads 4.5:1 or
 * better, 4.57:1, over the bottom stop #424242 - HR-D-3 of CC-FIX-HEAD-REDS-SIGNIN-GREEN, ruled
 * 2026-10-25; #616161 read 3.30:1), the
 * IIZI accent kept. The Contrast family is untouched (P-5); its decoration tokens reproduce the
 * flat button and the cards' shadow it showed before. Disabled text reads AA on the widget
 * background in IIZI and Graphite (hints, the time picker's tick labels). The Dojo overlay's
 * slots follow these values in every family and mode, IIZI light included.
 *
 * The feedback roles of IIZI and Graphite (ErrorText, WarningText, SuccessText, InfoText) read 4.5:1 or
 * better on the page, the card, the sunken and the widget surfaces of their mode (order
 * CC-THEME-PALETTE-FOLLOWUP, ruling SG-D-1 + PL-D-4 of 2026-10-24: darker values in light, Graphite dark's
 * error lighter, each the nearest step of its own hue - the Material scale the value is on, then 5 %
 * lightness steps past its end). The IIZI family's Hovered role is a grey, #eeeeee light and #424242 dark
 * (PL-D-19: no blue that is not the brand's; the dark grey is the step that keeps a hovered row tellable
 * from the card, 1.39:1).
 *
 * One button shadow (order CC-FIX-LEFTOVERS-1026, the owner 2026-10-26: "all themes, contrast too gets smaller
 * shadows, all the same"): --iz-sh-btn is the one small value 0 1px 1px rgba(0,0,0,.25) in every family and
 * mode, the Contrast family included (its flat button of P-5 gains it). The same order, from the rulings of
 * 2026-10-25 on CC-MERGE-297-305-FOLLOWUP: Graphite dark's hovered button #4c4c4c/#424242 and pressed
 * #424242/#4c4c4c (HR-D-3b: NormalText 4.57:1 and 5.35:1 on every stop), the dark modes' Switch ON track
 * #2e7d32 (RW-D-2: white 5.13:1 on it, 3.39:1 and 3.14:1 against the pages), and Graphite light's MutedText
 * #4c4c4c (MG-D-2: 4.57:1 on the page #bdbdbd; the ruled #5a5a5a reads 3.67:1 there).
 *
 * Lines, stripes and the selection (order CC-FIX-THEME-LINES, the owner 2026-10-26: "table gridlines same color or
 * almost the same as background ... the table frame used to be visible too"; TG-1, TG-3, TG-4 ruled as rec): the Divider
 * reads 1.4:1 or better against every surface a line is drawn on - the page, the card, the sunken and the widget
 * surfaces and the rows of a table - in IIZI and Graphite, light and dark (IIZI light #bdbdbd, it was the page's own
 * #e0e0e0 since the palette of 2026-10-24 moved the page onto the Divider's value; IIZI dark #4c4c4c, it was #333333 at
 * 1.38:1; Graphite light #9e9e9e, it was the page's own #bdbdbd); the Border is unchanged and reads 1.4:1 or better too.
 * The odd row of a table has its own decoration token --iz-stripe, one grey step from the WidgetBackground the table
 * sits on (IIZI #f5f5f5 / #2c2c2c, Graphite #eeeeee / #333333; in Contrast the value its dbootstrap odd row had, so the
 * family shows what it showed). The Selected role of IIZI is the brand magenta, no longer a blue (light #cc009d with
 * white text, 5.18:1; dark the tint #e375bd with #212121 text, 5.79:1); Graphite's grey selection and the Contrast
 * family are unchanged (the owner's standing rule: no blue in IIZI's looks; the other blue values of the sheet - the
 * IIZI accent, header, links, focus, WidgetBase - are recorded by the order, not changed here). Graphite dark's Hovered
 * is #4c4c4c (TL-D-5, ruled 2026-10-26 18:48): a hovered row was the Selected role's #616161 there, so it looked
 * selected; #4c4c4c reads 1.47:1 on the card, 1.88:1 on the page and 1.39:1 from the selection.
 *
 * The Switch's ON label and the accent pairs (order CC-FIX-SERVER-THEME-WALK, AW-6 and AW-7 of CC-ANDROID-APPS-WALK,
 * ruled as rec 2026-10-27): the label of the dojox/mobile Switch's ON side has its own decoration token --iz-sw-on-fg
 * (white, Contrast dark black: what it showed) - it was the AccentText, #0a1929 on the green track in IIZI dark
 * (3.46:1) - and reads 4.5:1 or better on the track in every family and mode; IIZI light's track is #117c4f (white
 * 5.22:1; #14925d read 3.96:1), one 5 % lightness step past the value. The accent pairs read 4.5:1 or better in IIZI
 * and Graphite, light and dark: the AccentText on the Accent, the AccentHovered and the AccentPressed (a button, the
 * launcher's Clear and Reset), and the Accent, the AccentHovered and the LinkText as text on the page, the card, the
 * sunken and the widget surfaces (the launcher's Back link, every link). IIZI light's accent and link are the Material
 * blue 900 #0d47a1 (the 600 #1e88e5 read 2.79:1 on the page and 3.68:1 under white), hovered #0b3d89 and pressed
 * #093272 the 5 % steps past it (the hover is a text colour too, iiziComps.css); Graphite light's accent is #424242
 * (#616161 read 3.30:1 on its page), hovered #333333, pressed #212121, its link #294b77 (#3c6fb0 read 2.73:1);
 * Graphite dark's accent is a light grey with dark text, #9e9e9e with #212121 and hovered #bdbdbd, pressed #e0e0e0,
 * the pattern of IIZI dark's accent (a mid grey #616161 read 2.60:1 as text on the page and no grey reads 4.5:1
 * both as text on #212121 and under white), and its WidgetBase follows the accent to #9e9e9e as IIZI dark's does
 * (the flat progress fill is the WidgetBase: its AccentText label read 3.49:1 on #757575). IIZI dark and the
 * Contrast family are unchanged. The focus outline and the header keep their blue (recorded by the order; TL-D-8
 * moves the blue family to the magenta ramp in v5.1).
 *
 * The button's text on every stop (order CC-FIX-THEME-MOBILE-BUTTON-TEXT, RR-D-1 and RR-D-2 of CC-FIX-RIG-REDS-SINCE-335,
 * ruled 2026-10-28 "all as rec"): no token changes its value here; the sheets that paint a button's text are wired to the
 * roles that already read 4.5:1 or better on the stops of every family and mode. The mobile skin's button (dojox/mobile
 * .mblButton) painted a button without a text colour of its own with the Accent (the ios7 overlay's slot 605): #42a5f5
 * on IIZI dark's button top #424242, 3.80:1 (39 phone buttons of SignIn, and every application's plain phone buttons),
 * #9e9e9e on Graphite dark's #4c4c4c, 3.21:1 (in the light modes the Accent read 5.35:1 or better, so there the change is
 * one of consistency). Its text is the NormalText now (slot 670), as the desktop button's text is - 5.35:1 and 4.57:1 on
 * those tops, 4.57:1 or better on both rest stops everywhere - and its pressed text the Pressed text role (slots 664 and
 * 666: as the AccentText it stood on the pressed gradient iiziComps.css paints, #0a1929 on #333333 in IIZI dark, 1.40:1).
 * The desktop button's hovered text is the Hovered text role --iz-hov-fg and its pressed text the Pressed text role
 * --iz-prs-fg (iiziComps.css): the NormalText #bdbdbd read 3.56:1 on IIZI dark's hovered top #5c5c5c and 4.36:1 on its
 * pressed bottom #4f4f4f; the roles' #f5f5f5 reads 6.13:1 and 7.51:1 there. No new token: a value of its own would have
 * to be #d6d6d6 or lighter in IIZI dark to pass the hovered top, and would then differ from the NormalText of the buttons
 * SignIn colours by hand on the same screen. ThemeLinesTest measures every state's text role on both stops of its gradient
 * in every family and mode; the disabled text is exempt (--iz-dis-fg on the rest gradient: 3.49:1 to 4.72:1 in IIZI and
 * Graphite, 5.31:1 or better in Contrast).
 */

/* ---------- The default: the IIZI family, light (a page that runs no theme script) ---------- */
:root {
  color-scheme: light;
  --iz-bg: #e0e0e0;
  --iz-bg2: #f5f5f5;
  --iz-bg3: #eeeeee;
  --iz-hd: #2196f3;
  --iz-hd-fg: #ffffff;
  --iz-tip: #424242;
  --iz-tip-fg: #ffffff;
  --iz-scrim: rgba(0,0,0,.4);
  --iz-fg: #212121;
  --iz-fg2: #616161;
  --iz-link: #0d47a1;
  --iz-link2: #5e35b1;
  --iz-acc: #0d47a1;
  --iz-acc-fg: #ffffff;
  --iz-acc-h: #0b3d89;
  --iz-acc-p: #093272;
  --iz-wb: #2196f3;
  --iz-wbg: #ffffff;
  --iz-hov: #eeeeee;
  --iz-hov-fg: #212121;
  --iz-prs: #e0e0e0;
  --iz-prs-fg: #212121;
  --iz-sel: #cc009d;
  --iz-sel-fg: #ffffff;
  --iz-dis: #e0e0e0;
  --iz-dis-fg: #757575;
  --iz-err: #a72f0a;
  --iz-err-bg: #fbe9e7;
  --iz-wrn: #9a3600;
  --iz-wrn-bg: #fff3e0;
  --iz-ok: #1b5e20;
  --iz-ok-bg: #e8f5e9;
  --iz-inf: #01579b;
  --iz-inf-bg: #e1f5fe;
  --iz-bd: #bdbdbd;
  --iz-div: #bdbdbd;
  --iz-focus: #1e88e5;
  --iz-r: 6px;
  --iz-r2: 12px;
  --iz-bw: 1px;
  --iz-sh1: 0 2px 8px rgba(0,0,0,.12);
  --iz-sh2: 0 8px 32px rgba(0,0,0,.18);
  --iz-btn-t: #ffffff;
  --iz-btn-b: #e0e0e0;
  --iz-btn-ht: #fafafa;
  --iz-btn-hb: #d6d6d6;
  --iz-btn-pt: #e0e0e0;
  --iz-btn-pb: #f5f5f5;
  --iz-btn-bd: #bdbdbd;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 1px 3px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.14);
  --iz-sw-on: #117c4f;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #f5f5f5;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 14px;
  --iz-lh: 1.4;
  --iz-dur: .16s;
}

/* ---------- No theme script ran and the OS is dark: the IIZI family, dark (R12) ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --iz-bg: #1a1a1a;
    --iz-bg2: #2c2c2c;
    --iz-bg3: #212121;
    --iz-hd: #1565c0;
    --iz-hd-fg: #ffffff;
    --iz-tip: #f5f5f5;
    --iz-tip-fg: #212121;
    --iz-scrim: rgba(0,0,0,.6);
    --iz-fg: #bdbdbd;
    --iz-fg2: #9e9e9e;
    --iz-link: #64b5f6;
    --iz-link2: #b39ddb;
    --iz-acc: #42a5f5;
    --iz-acc-fg: #0a1929;
    --iz-acc-h: #64b5f6;
    --iz-acc-p: #90caf9;
    --iz-wb: #42a5f5;
    --iz-wbg: #212121;
    --iz-hov: #424242;
    --iz-hov-fg: #f5f5f5;
    --iz-prs: #424242;
    --iz-prs-fg: #f5f5f5;
    --iz-sel: #e375bd;
    --iz-sel-fg: #212121;
    --iz-dis: #1a1a1a;
    --iz-dis-fg: #9e9e9e;
    --iz-err: #ff6e40;
    --iz-err-bg: #3a1b12;
    --iz-wrn: #ffb74d;
    --iz-wrn-bg: #3a2a12;
    --iz-ok: #66bb6a;
    --iz-ok-bg: #12301a;
    --iz-inf: #4fc3f7;
    --iz-inf-bg: #10303a;
    --iz-bd: #616161;
    --iz-div: #4c4c4c;
    --iz-focus: #64b5f6;
    --iz-r: 6px;
    --iz-r2: 12px;
    --iz-bw: 1px;
    --iz-sh1: 0 2px 8px rgba(0,0,0,.5);
    --iz-sh2: 0 8px 32px rgba(0,0,0,.6);
    --iz-btn-t: #424242;
    --iz-btn-b: #333333;
    --iz-btn-ht: #5c5c5c;
    --iz-btn-hb: #424242;
    --iz-btn-pt: #333333;
    --iz-btn-pb: #4f4f4f;
    --iz-btn-bd: #616161;
    --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
    --iz-sh-card: 0 0 0 1px rgba(255,255,255,.07),0 3px 10px rgba(0,0,0,.85);
    --iz-sw-on: #2e7d32;
    --iz-sw-on-fg: #ffffff;
    --iz-stripe: #2c2c2c;
    --iz-sp: 8px;
    --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
    --iz-fs: 14px;
    --iz-lh: 1.4;
    --iz-dur: .16s;
  }
}

/* ---------- IIZI: neutral greys, the flat theme's material blue as the accent, contemporary geometry ---------- */
:root[data-iz-scheme="iizi"][data-iz-mode="light"] {
  color-scheme: light;
  --iz-bg: #e0e0e0;
  --iz-bg2: #f5f5f5;
  --iz-bg3: #eeeeee;
  --iz-hd: #2196f3;
  --iz-hd-fg: #ffffff;
  --iz-tip: #424242;
  --iz-tip-fg: #ffffff;
  --iz-scrim: rgba(0,0,0,.4);
  --iz-fg: #212121;
  --iz-fg2: #616161;
  --iz-link: #0d47a1;
  --iz-link2: #5e35b1;
  --iz-acc: #0d47a1;
  --iz-acc-fg: #ffffff;
  --iz-acc-h: #0b3d89;
  --iz-acc-p: #093272;
  --iz-wb: #2196f3;
  --iz-wbg: #ffffff;
  --iz-hov: #eeeeee;
  --iz-hov-fg: #212121;
  --iz-prs: #e0e0e0;
  --iz-prs-fg: #212121;
  --iz-sel: #cc009d;
  --iz-sel-fg: #ffffff;
  --iz-dis: #e0e0e0;
  --iz-dis-fg: #757575;
  --iz-err: #a72f0a;
  --iz-err-bg: #fbe9e7;
  --iz-wrn: #9a3600;
  --iz-wrn-bg: #fff3e0;
  --iz-ok: #1b5e20;
  --iz-ok-bg: #e8f5e9;
  --iz-inf: #01579b;
  --iz-inf-bg: #e1f5fe;
  --iz-bd: #bdbdbd;
  --iz-div: #bdbdbd;
  --iz-focus: #1e88e5;
  --iz-r: 6px;
  --iz-r2: 12px;
  --iz-bw: 1px;
  --iz-sh1: 0 2px 8px rgba(0,0,0,.12);
  --iz-sh2: 0 8px 32px rgba(0,0,0,.18);
  --iz-btn-t: #ffffff;
  --iz-btn-b: #e0e0e0;
  --iz-btn-ht: #fafafa;
  --iz-btn-hb: #d6d6d6;
  --iz-btn-pt: #e0e0e0;
  --iz-btn-pb: #f5f5f5;
  --iz-btn-bd: #bdbdbd;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 1px 3px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.14);
  --iz-sw-on: #117c4f;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #f5f5f5;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 14px;
  --iz-lh: 1.4;
  --iz-dur: .16s;
}

:root[data-iz-scheme="iizi"][data-iz-mode="dark"] {
  color-scheme: dark;
  --iz-bg: #1a1a1a;
  --iz-bg2: #2c2c2c;
  --iz-bg3: #212121;
  --iz-hd: #1565c0;
  --iz-hd-fg: #ffffff;
  --iz-tip: #f5f5f5;
  --iz-tip-fg: #212121;
  --iz-scrim: rgba(0,0,0,.6);
  --iz-fg: #bdbdbd;
  --iz-fg2: #9e9e9e;
  --iz-link: #64b5f6;
  --iz-link2: #b39ddb;
  --iz-acc: #42a5f5;
  --iz-acc-fg: #0a1929;
  --iz-acc-h: #64b5f6;
  --iz-acc-p: #90caf9;
  --iz-wb: #42a5f5;
  --iz-wbg: #212121;
  --iz-hov: #424242;
  --iz-hov-fg: #f5f5f5;
  --iz-prs: #424242;
  --iz-prs-fg: #f5f5f5;
  --iz-sel: #e375bd;
  --iz-sel-fg: #212121;
  --iz-dis: #1a1a1a;
  --iz-dis-fg: #9e9e9e;
  --iz-err: #ff6e40;
  --iz-err-bg: #3a1b12;
  --iz-wrn: #ffb74d;
  --iz-wrn-bg: #3a2a12;
  --iz-ok: #66bb6a;
  --iz-ok-bg: #12301a;
  --iz-inf: #4fc3f7;
  --iz-inf-bg: #10303a;
  --iz-bd: #616161;
  --iz-div: #4c4c4c;
  --iz-focus: #64b5f6;
  --iz-r: 6px;
  --iz-r2: 12px;
  --iz-bw: 1px;
  --iz-sh1: 0 2px 8px rgba(0,0,0,.5);
  --iz-sh2: 0 8px 32px rgba(0,0,0,.6);
  --iz-btn-t: #424242;
  --iz-btn-b: #333333;
  --iz-btn-ht: #5c5c5c;
  --iz-btn-hb: #424242;
  --iz-btn-pt: #333333;
  --iz-btn-pb: #4f4f4f;
  --iz-btn-bd: #616161;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 0 0 1px rgba(255,255,255,.07),0 3px 10px rgba(0,0,0,.85);
  --iz-sw-on: #2e7d32;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #2c2c2c;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 14px;
  --iz-lh: 1.4;
  --iz-dur: .16s;
}

/* ---------- Graphite: neutral grey throughout, a grey accent ---------- */
:root[data-iz-scheme="graphite"][data-iz-mode="light"] {
  color-scheme: light;
  --iz-bg: #bdbdbd;
  --iz-bg2: #e0e0e0;
  --iz-bg3: #bdbdbd;
  --iz-hd: #424242;
  --iz-hd-fg: #f5f5f5;
  --iz-tip: #424242;
  --iz-tip-fg: #ffffff;
  --iz-scrim: rgba(0,0,0,.35);
  --iz-fg: #212121;
  --iz-fg2: #4c4c4c;
  --iz-link: #294b77;
  --iz-link2: #6b4fa0;
  --iz-acc: #424242;
  --iz-acc-fg: #ffffff;
  --iz-acc-h: #333333;
  --iz-acc-p: #212121;
  --iz-wb: #616161;
  --iz-wbg: #f5f5f5;
  --iz-hov: #eeeeee;
  --iz-hov-fg: #212121;
  --iz-prs: #bdbdbd;
  --iz-prs-fg: #212121;
  --iz-sel: #616161;
  --iz-sel-fg: #ffffff;
  --iz-dis: #bdbdbd;
  --iz-dis-fg: #616161;
  --iz-err: #8b1616;
  --iz-err-bg: #fdecea;
  --iz-wrn: #653d00;
  --iz-wrn-bg: #fff4e0;
  --iz-ok: #154a19;
  --iz-ok-bg: #e8f3e8;
  --iz-inf: #0d47a1;
  --iz-inf-bg: #e6f0fb;
  --iz-bd: #9e9e9e;
  --iz-div: #9e9e9e;
  --iz-focus: #3c6fb0;
  --iz-r: 8px;
  --iz-r2: 12px;
  --iz-bw: 1px;
  --iz-sh1: 0 1px 6px rgba(0,0,0,.14);
  --iz-sh2: 0 8px 28px rgba(0,0,0,.2);
  --iz-btn-t: #eeeeee;
  --iz-btn-b: #bdbdbd;
  --iz-btn-ht: #fafafa;
  --iz-btn-hb: #e0e0e0;
  --iz-btn-pt: #bdbdbd;
  --iz-btn-pb: #eeeeee;
  --iz-btn-bd: #9e9e9e;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 1px 3px rgba(0,0,0,.28),0 3px 10px rgba(0,0,0,.18);
  --iz-sw-on: #10764b;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #eeeeee;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 14px;
  --iz-lh: 1.4;
  --iz-dur: .16s;
}

:root[data-iz-scheme="graphite"][data-iz-mode="dark"] {
  color-scheme: dark;
  --iz-bg: #212121;
  --iz-bg2: #333333;
  --iz-bg3: #2c2c2c;
  --iz-hd: #212121;
  --iz-hd-fg: #e0e0e0;
  --iz-tip: #616161;
  --iz-tip-fg: #ffffff;
  --iz-scrim: rgba(0,0,0,.6);
  --iz-fg: #bdbdbd;
  --iz-fg2: #9e9e9e;
  --iz-link: #8ab4f8;
  --iz-link2: #c3a6f0;
  --iz-acc: #9e9e9e;
  --iz-acc-fg: #212121;
  --iz-acc-h: #bdbdbd;
  --iz-acc-p: #e0e0e0;
  --iz-wb: #9e9e9e;
  --iz-wbg: #2c2c2c;
  --iz-hov: #4c4c4c;
  --iz-hov-fg: #f5f5f5;
  --iz-prs: #757575;
  --iz-prs-fg: #ffffff;
  --iz-sel: #616161;
  --iz-sel-fg: #ffffff;
  --iz-dis: #212121;
  --iz-dis-fg: #9e9e9e;
  --iz-err: #ef9a9a;
  --iz-err-bg: #3a1f1f;
  --iz-wrn: #ffb74d;
  --iz-wrn-bg: #3a2c14;
  --iz-ok: #81c784;
  --iz-ok-bg: #1c3320;
  --iz-inf: #64b5f6;
  --iz-inf-bg: #16283a;
  --iz-bd: #757575;
  --iz-div: #616161;
  --iz-focus: #8ab4f8;
  --iz-r: 8px;
  --iz-r2: 12px;
  --iz-bw: 1px;
  --iz-sh1: 0 1px 6px rgba(0,0,0,.5);
  --iz-sh2: 0 8px 28px rgba(0,0,0,.6);
  --iz-btn-t: #4c4c4c;
  --iz-btn-b: #424242;
  --iz-btn-ht: #4c4c4c;
  --iz-btn-hb: #424242;
  --iz-btn-pt: #424242;
  --iz-btn-pb: #4c4c4c;
  --iz-btn-bd: #757575;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 0 0 1px rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.6);
  --iz-sw-on: #2e7d32;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #333333;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 14px;
  --iz-lh: 1.4;
  --iz-dur: .16s;
}

/* ---------- Contrast: accessibility, WCAG AAA text (7:1), strong lines, no soft shadows ---------- */
:root[data-iz-scheme="contrast"][data-iz-mode="light"] {
  color-scheme: light;
  --iz-bg: #ffffff;
  --iz-bg2: #ffffff;
  --iz-bg3: #ffffff;
  --iz-hd: #000000;
  --iz-hd-fg: #ffffff;
  --iz-tip: #000000;
  --iz-tip-fg: #ffffff;
  --iz-scrim: rgba(0,0,0,.7);
  --iz-fg: #000000;
  --iz-fg2: #333333;
  --iz-link: #0000ee;
  --iz-link2: #551a8b;
  --iz-acc: #0b3d91;
  --iz-acc-fg: #ffffff;
  --iz-acc-h: #072a66;
  --iz-acc-p: #041a40;
  --iz-wb: #000000;
  --iz-wbg: #ffffff;
  --iz-hov: #e0e0e0;
  --iz-hov-fg: #000000;
  --iz-prs: #c0c0c0;
  --iz-prs-fg: #000000;
  --iz-sel: #0b3d91;
  --iz-sel-fg: #ffffff;
  --iz-dis: #f0f0f0;
  --iz-dis-fg: #595959;
  --iz-err: #a80000;
  --iz-err-bg: #ffe5e5;
  --iz-wrn: #7a4a00;
  --iz-wrn-bg: #fff2cc;
  --iz-ok: #005a00;
  --iz-ok-bg: #e5ffe5;
  --iz-inf: #003d99;
  --iz-inf-bg: #e5eeff;
  --iz-bd: #000000;
  --iz-div: #000000;
  --iz-focus: #d93900;
  --iz-r: 4px;
  --iz-r2: 8px;
  --iz-bw: 2px;
  --iz-sh1: 0 0 0 2px #000000;
  --iz-sh2: 0 0 0 3px #000000;
  --iz-btn-t: #ffffff;
  --iz-btn-b: #ffffff;
  --iz-btn-ht: #e0e0e0;
  --iz-btn-hb: #e0e0e0;
  --iz-btn-pt: #c0c0c0;
  --iz-btn-pb: #c0c0c0;
  --iz-btn-bd: #000000;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 1px 4px 0 rgba(0,0,0,0.141176);
  --iz-sw-on: #005a00;
  --iz-sw-on-fg: #ffffff;
  --iz-stripe: #ffffff;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 16px;
  --iz-lh: 1.5;
  --iz-dur: .16s;
}

:root[data-iz-scheme="contrast"][data-iz-mode="dark"] {
  color-scheme: dark;
  --iz-bg: #000000;
  --iz-bg2: #000000;
  --iz-bg3: #101010;
  --iz-hd: #ffffff;
  --iz-hd-fg: #000000;
  --iz-tip: #ffffff;
  --iz-tip-fg: #000000;
  --iz-scrim: rgba(0,0,0,.8);
  --iz-fg: #ffffff;
  --iz-fg2: #d0d0d0;
  --iz-link: #9ecbff;
  --iz-link2: #d8b4fe;
  --iz-acc: #ffd700;
  --iz-acc-fg: #000000;
  --iz-acc-h: #ffe44d;
  --iz-acc-p: #fff08a;
  --iz-wb: #ffffff;
  --iz-wbg: #000000;
  --iz-hov: #333333;
  --iz-hov-fg: #ffffff;
  --iz-prs: #4d4d4d;
  --iz-prs-fg: #ffffff;
  --iz-sel: #ffd700;
  --iz-sel-fg: #000000;
  --iz-dis: #1a1a1a;
  --iz-dis-fg: #a6a6a6;
  --iz-err: #ff8080;
  --iz-err-bg: #330000;
  --iz-wrn: #ffd166;
  --iz-wrn-bg: #332600;
  --iz-ok: #80ff80;
  --iz-ok-bg: #003300;
  --iz-inf: #9ecbff;
  --iz-inf-bg: #001f4d;
  --iz-bd: #ffffff;
  --iz-div: #ffffff;
  --iz-focus: #ffd700;
  --iz-r: 4px;
  --iz-r2: 8px;
  --iz-bw: 2px;
  --iz-sh1: 0 0 0 2px #ffffff;
  --iz-sh2: 0 0 0 3px #ffffff;
  --iz-btn-t: #000000;
  --iz-btn-b: #000000;
  --iz-btn-ht: #333333;
  --iz-btn-hb: #333333;
  --iz-btn-pt: #4d4d4d;
  --iz-btn-pb: #4d4d4d;
  --iz-btn-bd: #ffffff;
  --iz-sh-btn: 0 1px 1px rgba(0,0,0,.25);
  --iz-sh-card: 0 1px 4px 0 rgba(0,0,0,0.141176);
  --iz-sw-on: #80ff80;
  --iz-sw-on-fg: #000000;
  --iz-stripe: #101010;
  --iz-sp: 8px;
  --iz-font: system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --iz-mono: ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --iz-fs: 16px;
  --iz-lh: 1.5;
  --iz-dur: .16s;
}

/* ---------- Motion: no animation when the user asked the OS for none (UIFloat.isReducedMotion) ---------- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --iz-dur: 0s;
  }
}