/* =====================================================================
   themes.css - 9 Oct 2026 (owner: "dherai colour theme option, UI Android
   Google Pixel bata inspired, smooth colours, sound haru pani testai").

   Loads after anim.css and BEFORE showcase.css / homeinfo.css / depth.css
   (depth.css stays the last stylesheet). Four switches on <html>, all set
   before the first paint (app.template.html pre-paint + index.php owner
   defaults) and changed live by the Appearance sheet (03-accounts.js):

     data-theme="light|dark"      unchanged (charts read it)
     data-display="amoled"        unchanged (AMOLED = dark + this)
     data-palette="<id>"          NEW - absent = today's S Hari brand look
     data-ui="pixel|classic"      NEW - absent or classic = today's 3D depth
     data-motion="reduced"        NEW - the in-app "less motion" switch

   How it works - TOKENS, not rule wars:
   1. Motion + shape tokens (--md-ease-*, --md-spring*, --md-r-*).
   2. Material 3 roles (--md-primary ... --md-outline-variant) for the brand
      look, so new components can use them in every theme.
   3. Palettes (generated, precomputed hex - no runtime color-mix): each
      palette x light / dark / AMOLED sets the --md-* roles AND re-points the
      design-system tokens the whole app already reads (--royal family,
      --navy, --page, --surface*, --line*, --ink*, --muted, --focus) plus the
      classic depth tokens (--dp-*), re-hued from today's values. Selectors
      are 0,3,0 so they beat ds.css / depth.css (0,2,0); the dark block comes
      before the AMOLED block (AMOLED also carries data-theme="dark").
      Status, seat and brand-red tokens are never touched - their meaning
      stays fixed in every palette.
   4. Pixel UI: Material 3 Expressive by tokens - larger radii, pill keys,
      tonal elevation instead of stacked slabs, a spring scale press.
   5. data-motion="reduced": mirrors the prefers-reduced-motion rules.
   6-8. The few rules tokens cannot express, the brand hero under a palette,
      and the Appearance sheet itself.
   The palette blocks are generated by the THEME package's generator
   (M3-style HCT tones, contrast-checked >= 4.5:1; tests/theme-palette-test.php
   re-checks every pair). Edit the generator, not the hex below.
   Exception (10 Oct 2026): the three BRAND LOOKS at the head of section 3 -
   professional (the owner default), whiteblue, goldenorange - are hand-tuned
   to the owner's HD visual guide and are edited in place.
   Hand edit (10 Oct 2026 review fix): each Material You palette's LIGHT
   --on-navy-muted (the 13px hero tag) was lifted ~18% toward white - the
   generator checked it against --navy only, and on the hero gradient's
   lighter end stop it read 4.22-4.27:1. Carry this into the generator
   (tests/theme-palette-test.php now checks every hero stop).
   ===================================================================== */

/* ---------- 1. Motion + shape tokens (every UI style) ---------- */
:root {
  --md-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --md-ease-standard-decel: cubic-bezier(0, 0, 0, 1);
  --md-ease-standard-accel: cubic-bezier(.3, 0, 1, 1);
  --md-ease-emph-decel: cubic-bezier(.05, .7, .1, 1);
  --md-ease-emph-accel: cubic-bezier(.3, 0, .8, .15);
  /* springs: a cubic-bezier fallback first; the real damped spring below
     (linear() is Chrome 113+ - on an older WebView a var() holding it
     would make the whole transition invalid, hence the @supports gate) */
  --md-spring: cubic-bezier(.34, 1.2, .64, 1);
  --md-spring-fast: cubic-bezier(.34, 1.56, .64, 1);
  --md-spring-slow: cubic-bezier(.3, 1.15, .6, 1);
  --md-dur-short: 150ms;
  --md-dur-medium: 300ms;
  --md-dur-long: 450ms;
  --md-dur-spring: 500ms;
  --md-dur-spring-fast: 420ms;
  --md-dur-spring-slow: 650ms;
  /* shape: the classic look keeps today's radii */
  --md-r-card: var(--radius-lg, 18px);
  --md-r-sheet: var(--radius-xl, 22px);
  --md-r-pill: 999px;
}
@supports (transition-timing-function: linear(0, 1)) {
  :root {
    /* M3 Expressive springs, sampled: default spatial (stiffness 380, damping .8),
       fast spatial (800, .6 - the bouncy press release), slow spatial (200, .8) */
    --md-spring: linear(0,0.032,0.11,0.213,0.326,0.439,0.546,0.642,0.726,0.796,0.854,0.9,0.935,0.962,0.982,0.996,1.005,1.011,1.014,1.015,1.015,1.014,1.012,1.011,1.009,1.007,1.006,1.005,1.003,1.002,1.002,1.001,1.001,1,1,1,1);
    --md-spring-fast: linear(0,0.047,0.164,0.317,0.481,0.638,0.775,0.888,0.974,1.034,1.071,1.09,1.095,1.089,1.078,1.063,1.048,1.033,1.02,1.01,1.002,0.996,0.993,0.991,0.991,0.992,0.993,0.994,0.996,0.997,0.998,0.999,1,1,1.001,1.001,1);
    --md-spring-slow: linear(0,0.028,0.099,0.194,0.3,0.408,0.511,0.605,0.689,0.761,0.822,0.872,0.912,0.943,0.967,0.985,0.997,1.005,1.011,1.014,1.015,1.015,1.014,1.013,1.011,1.01,1.008,1.007,1.005,1.004,1.003,1.002,1.002,1.001,1.001,1,1);
  }
}

/* ---------- 2. Material 3 roles for the brand look (no data-palette) ----------
   Primary / surfaces point at the brand tokens, so these follow light, dark and
   AMOLED exactly as the rest of the app does. */
:root, :root[data-theme="light"] {
  --md-primary: var(--royal);
  --md-on-primary: var(--on-royal);
  --md-primary-container: var(--royal-soft);
  --md-on-primary-container: var(--royal-strong);
  --md-secondary: #575d77;
  --md-secondary-container: #dbe1ff;
  --md-on-secondary-container: #121b30;
  --md-tertiary: var(--warm-ink);
  --md-tertiary-container: var(--orange-soft);
  --md-on-tertiary-container: #360f00;
  --md-surface: var(--page);
  --md-surface-container-lowest: var(--surface);
  --md-surface-container-low: #f1f3fd;
  --md-surface-container: #ecedf7;
  --md-surface-container-high: #e6e8f1;
  --md-surface-container-highest: #e0e2ec;
  --md-on-surface: var(--ink);
  --md-on-surface-variant: var(--muted);
  --md-outline: var(--line-control);
  --md-outline-variant: var(--line-strong);
}
:root[data-theme="dark"] {
  --md-primary: var(--royal);
  --md-on-primary: var(--on-royal);
  --md-primary-container: var(--royal-soft);
  --md-on-primary-container: var(--royal-strong);
  --md-secondary: #bfc5e3;
  --md-secondary-container: #3f465f;
  --md-on-secondary-container: #dbe1ff;
  --md-tertiary: var(--warm-ink);
  --md-tertiary-container: var(--orange-soft);
  --md-on-tertiary-container: #ffdbd1;
  --md-surface: var(--page);
  --md-surface-container-lowest: var(--surface-sunken);
  --md-surface-container-low: #1a1b22;
  --md-surface-container: #1e1f26;
  --md-surface-container-high: #282a31;
  --md-surface-container-highest: #33343c;
  --md-on-surface: var(--ink);
  --md-on-surface-variant: var(--muted);
  --md-outline: var(--line-control);
  --md-outline-variant: var(--line-strong);
}
:root[data-display="amoled"] {
  --md-primary: var(--royal);
  --md-on-primary: var(--on-royal);
  --md-primary-container: var(--royal-soft);
  --md-on-primary-container: var(--royal-strong);
  --md-secondary: #bfc5e3;
  --md-secondary-container: #3f465f;
  --md-on-secondary-container: #dbe1ff;
  --md-tertiary: var(--warm-ink);
  --md-tertiary-container: var(--orange-soft);
  --md-on-tertiary-container: #ffdbd1;
  --md-surface: var(--page);
  --md-surface-container-lowest: #000000;
  --md-surface-container-low: #0c0e16;
  --md-surface-container: #15171f;
  --md-surface-container-high: #1f212b;
  --md-surface-container-highest: #292c37;
  --md-on-surface: var(--ink);
  --md-on-surface-variant: var(--muted);
  --md-outline: var(--line-control);
  --md-outline-variant: var(--line-strong);
}

/* ---------- 3. Colour palettes (generated) ----------
   First the shared part per mode (aliases + the classic depth recipe written
   once with colour atoms --pl* / --pd* / --pa*), then one line per palette and
   mode with its own colours. */
:root[data-palette][data-theme="light"] {
  --royal: var(--md-primary);
  --royal-soft: var(--md-primary-container);
  --on-royal: var(--md-on-primary);
  --on-navy: #FFFFFF;
  --surface: #FFFFFF;
  --focus: var(--md-primary);
  --dp-face: linear-gradient(168deg, #FFFFFF 0%, #FFFFFF 60%, var(--pl1) 100%);
  --dp-border: var(--pl2);
  --dp-rim-top: #FFFFFF;
  --dp-rim-left: var(--pl3);
  --dp-rim-bottom: var(--pl4);
  --dp-panel: inset 0 1px 0 #FFFFFF, inset 1px 0 0 rgba(255, 255, 255, .7), 0 1px 0 var(--pl5), 0 3px 0 var(--pl6), 0 5px 0 var(--pl7), 0 8px 0 var(--pl8), 0 16px 20px -6px rgba(var(--pl9), .30), 0 28px 40px -18px rgba(var(--pl9), .42);
  --dp-card: inset 0 1px 0 #FFFFFF, 0 1px 0 var(--pl5), 0 3px 0 var(--pl10), 0 5px 0 var(--pl11), 0 11px 14px -5px rgba(var(--pl9), .30);
  --dp-sheet: inset 0 1px 0 #FFFFFF, 0 -1px 0 var(--pl5), 0 24px 48px -10px rgba(var(--pl9), .45), 0 10px 18px rgba(var(--pl9), .18);
  --dp-act-face: linear-gradient(180deg, var(--pl12) 0%, var(--pl13) 58%, var(--pl14) 100%);
  --dp-act-ink: #FFFFFF;
  --dp-act-rim: var(--pl15);
  --dp-act: inset 0 1px 0 rgba(255, 255, 255, .40), inset 0 -2px 0 rgba(var(--pl19), .22), 0 2px 0 var(--pl16), 0 4px 0 var(--pl17), 0 6px 0 var(--pl18), 0 13px 18px -5px rgba(var(--pl20), .55);
  --dp-act-pressed: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 3px 7px rgba(var(--pl19), .35), 0 1px 0 var(--pl16), 0 3px 0 var(--pl18), 0 5px 8px -3px rgba(var(--pl20), .45);
  --dp-btn-face: linear-gradient(180deg, #FFFFFF 0%, var(--pl21) 100%);
  --dp-btn-border: var(--pl22);
  --dp-btn: inset 0 1px 0 #FFFFFF, 0 2px 0 var(--pl23), 0 4px 0 var(--pl24), 0 9px 12px -5px rgba(var(--pl9), .32);
  --dp-btn-pressed: inset 0 2px 5px rgba(var(--pl9), .16), 0 1px 0 var(--pl23), 0 2px 0 var(--pl24), 0 4px 6px -3px rgba(var(--pl9), .25);
  --dp-chip: inset 0 1px 0 #FFFFFF, 0 2px 0 var(--pl25), 0 3px 0 var(--pl4), 0 7px 9px -5px rgba(var(--pl9), .28);
  --dp-chip-on: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 0 var(--pl16), 0 4px 0 var(--pl26), 0 6px 0 var(--pl27), 0 13px 16px -5px rgba(var(--pl20), .55);
  --dp-on-face: linear-gradient(180deg, var(--pl28) 0%, var(--pl13) 100%);
  --dp-on-ink: #FFFFFF;
  --dp-sunk: inset 0 2px 4px rgba(var(--pl9), .18), inset 0 1px 0 rgba(var(--pl9), .10);
  --dp-field-bg: var(--pl29);
  --dp-field-border: var(--pl30);
  --dp-field: inset 0 2px 5px rgba(var(--pl9), .14), inset 0 1px 0 rgba(var(--pl9), .10), 0 1px 0 #FFFFFF;
  --dp-bnav: inset 0 1px 0 #FFFFFF, 0 -1px 0 var(--pl5), 0 -3px 0 var(--pl31), 0 -10px 22px rgba(var(--pl9), .20);
  --dp-ground: radial-gradient(120% 60% at 0% 0%, #FFFFFF 0%, rgba(255, 255, 255, 0) 55%);
}
:root[data-palette][data-theme="dark"] {
  --royal: var(--md-primary);
  --on-royal: var(--md-on-primary);
  --on-navy: #FFFFFF;
  --focus: var(--royal-strong);
  --dp-face: linear-gradient(160deg, var(--pd1) 0%, var(--pd2) 55%, var(--pd3) 100%);
  --dp-border: var(--pd4);
  --dp-rim-top: var(--pd5);
  --dp-rim-left: var(--pd6);
  --dp-rim-bottom: var(--pd7);
  --dp-panel: inset 0 1px 0 rgba(var(--pd12), .24), inset 1px 0 0 rgba(var(--pd12), .10), 0 2px 0 var(--pd8), 0 4px 0 var(--pd9), 0 6px 0 var(--pd10), 0 8px 0 var(--pd11), 0 18px 26px -6px rgba(0, 0, 0, .80), 0 30px 44px -18px rgba(0, 0, 0, .70);
  --dp-card: inset 0 1px 0 rgba(var(--pd12), .20), 0 2px 0 var(--pd13), 0 4px 0 var(--pd14), 0 6px 0 var(--pd15), 0 12px 16px -5px rgba(0, 0, 0, .75);
  --dp-sheet: inset 0 1px 0 rgba(var(--pd12), .24), 0 26px 50px -8px rgba(0, 0, 0, .85), 0 10px 18px rgba(0, 0, 0, .5);
  --dp-act-face: linear-gradient(180deg, var(--pd16) 0%, var(--pd17) 58%, var(--pd18) 100%);
  --dp-act-ink: var(--pd19);
  --dp-act-rim: var(--pd20);
  --dp-act: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(var(--pd24), .25), 0 2px 0 var(--pd21), 0 4px 0 var(--pd22), 0 6px 0 var(--pd23), 0 14px 20px -5px rgba(0, 0, 0, .80);
  --dp-act-pressed: inset 0 1px 0 rgba(255, 255, 255, .30), inset 0 3px 7px rgba(var(--pd24), .35), 0 1px 0 var(--pd21), 0 3px 0 var(--pd23), 0 5px 8px -3px rgba(0, 0, 0, .7);
  --dp-btn-face: linear-gradient(180deg, var(--pd25) 0%, var(--pd26) 100%);
  --dp-btn-border: var(--pd27);
  --dp-btn: inset 0 1px 0 rgba(var(--pd12), .22), 0 2px 0 var(--pd13), 0 4px 0 var(--pd28), 0 10px 14px -5px rgba(0, 0, 0, .75);
  --dp-btn-pressed: inset 0 2px 6px rgba(0, 0, 0, .45), 0 1px 0 var(--pd13), 0 2px 0 var(--pd28), 0 4px 6px -3px rgba(0, 0, 0, .6);
  --dp-chip: inset 0 1px 0 rgba(var(--pd12), .18), 0 2px 0 var(--pd29), 0 3px 0 var(--pd30), 0 8px 10px -5px rgba(0, 0, 0, .7);
  --dp-chip-on: inset 0 1px 0 rgba(255, 255, 255, .40), 0 2px 0 var(--pd21), 0 4px 0 var(--pd22), 0 6px 0 var(--pd23), 0 14px 18px -5px rgba(0, 0, 0, .8);
  --dp-on-face: linear-gradient(180deg, var(--pd31) 0%, var(--pd17) 100%);
  --dp-on-ink: var(--pd19);
  --dp-sunk: inset 0 2px 5px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(0, 0, 0, .4);
  --dp-field-bg: var(--pd32);
  --dp-field-border: var(--pd33);
  --dp-field: inset 0 3px 7px rgba(0, 0, 0, .60), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(var(--pd12), .12);
  --dp-bnav: inset 0 1px 0 rgba(var(--pd12), .22), 0 -1px 0 var(--pd34), 0 -12px 24px rgba(0, 0, 0, .65);
  --dp-ground: radial-gradient(120% 60% at 0% 0%, rgba(var(--pd35), .16) 0%, rgba(var(--pd35), 0) 55%);
}
:root[data-palette][data-display="amoled"] {
  --royal: var(--md-primary);
  --on-navy: #FFFFFF;
  --page: #000000;
  --bg: #000000;
  --card: var(--surface);
  --surface-2: var(--surface-sunken);
  --text: var(--ink);
  --fg: var(--ink);
  --dp-face: linear-gradient(150deg, var(--pa1) 0%, var(--pa2) 32%, var(--pa3) 62%);
  --dp-border: var(--pa4);
  --dp-rim-top: var(--pa5);
  --dp-rim-left: var(--pa6);
  --dp-rim-bottom: var(--pa7);
  --dp-panel: inset 0 1px 0 rgba(var(--pa12), .25), inset 1px 0 0 rgba(var(--pa13), .19), 0 2px 0 var(--pa8), 0 4px 0 var(--pa9), 0 6px 0 var(--pa10), 0 8px 0 var(--pa11), 0 20px 25px #000, 0 32px 46px -16px rgba(0, 0, 0, .9);
  --dp-card: inset 0 1px 0 rgba(var(--pa12), .22), 0 2px 0 var(--pa14), 0 4px 0 var(--pa15), 0 6px 0 var(--pa16), 0 13px 16px #000;
  --dp-sheet: inset 0 1px 0 rgba(var(--pa12), .28), 0 -1px 0 var(--pa4), 0 26px 50px #000, 0 10px 18px #000;
  --dp-act-face: linear-gradient(180deg, var(--pa17) 0%, var(--pa18) 58%, var(--pa19) 100%);
  --dp-act-ink: #FFFFFF;
  --dp-act-rim: var(--pa20);
  --dp-act: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -2px 0 rgba(0, 0, 0, .25), 0 3px 0 var(--pa21), 0 6px 0 var(--pa22), 0 13px 20px #000;
  --dp-act-pressed: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 3px 8px rgba(0, 0, 0, .45), 0 1px 0 var(--pa21), 0 3px 0 var(--pa22), 0 6px 10px #000;
  --dp-btn-face: linear-gradient(150deg, var(--pa23) 0%, var(--pa3) 70%);
  --dp-btn-border: var(--pa24);
  --dp-btn: inset 0 1px 0 var(--pa25), 0 2px 0 var(--pa26), 0 5px 0 var(--pa27), 0 11px 13px #000;
  --dp-btn-pressed: inset 0 1px 0 var(--pa28), inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 0 var(--pa26), 0 2px 0 var(--pa27), 0 5px 8px #000;
  --dp-chip: inset 0 1px 0 rgba(var(--pa25), .7), 0 2px 0 var(--pa29), 0 4px 0 var(--pa30), 0 9px 11px #000;
  --dp-chip-on: inset 0 1px 0 rgba(255, 255, 255, .38), 0 3px 0 var(--pa21), 0 6px 0 var(--pa22), 0 13px 20px #000;
  --dp-on-face: linear-gradient(180deg, var(--pa17) 0%, var(--pa18) 100%);
  --dp-on-ink: #FFFFFF;
  --dp-sunk: inset 0 3px 7px #000, inset 0 1px 0 rgba(0, 0, 0, .8);
  --dp-field-bg: var(--pa31);
  --dp-field-border: var(--pa32);
  --dp-field: inset 0 3px 7px #000, inset 0 1px 0 rgba(0, 0, 0, .8), 0 1px 0 rgba(var(--pa13), .18);
  --dp-bnav: inset 0 1px 0 rgba(var(--pa12), .25), 0 -1px 0 var(--pa4), 0 -14px 26px #000;
  --dp-ground: radial-gradient(110% 55% at 0% 0%, rgba(var(--pa18), .10) 0%, rgba(var(--pa18), 0) 55%);
}
/* AMOLED pages are pure black. Each palette's dark block below also sets
   --page (at 0,3,0, later in the file), so the black page needs one more
   attribute to win; nothing else is raised, so the Pixel blocks keep
   beating the classic --dp-* recipe above. */
:root[data-palette][data-theme="dark"][data-display="amoled"] { --page: #000000; --bg: #000000; }
/* ---- 10 Oct 2026 (owner: "default colour professional; a white-blue version; a golden-orange
   version inspired by the logo colours"): three BRAND LOOKS, HAND-TUNED to the HD visual guide
   (calm navy / mist-blue / ivory, gold only as a small accent; crisp white & royal blue; the
   logo's arrow orange + container gold). The exception to the "edit the generator" note above:
   these lines are not generator output - every design token below is typed by hand and only
   the classic-3D depth atoms (--pl* / --pd* / --pa*) were re-hued from the himalaya lines.
   They carry EXACTLY the himalaya token set; tests/theme-palette-test.php re-checks every
   contrast pair. professional is the owner default (database/upgrade-2026-10-10-themes.sql).
   Review fix (10 Oct): --md-tertiary is TEXT too (22-routeline.js colours the "+1 day" mark
   with it), so professional's light tertiary is the deep gold #8a5b00 (5.6:1 on its surface);
   the visible gold accent stays the container #d59a37. goldenorange's light --on-navy-muted
   is #f3dcc2 so the hero tag reads 4.9:1 on the gradient's lightest (end) stop #9a4408. ---- */
/* professional - Professional (default) - the HD visual guide: navy / mist blue / ivory, gold as a small accent */
:root[data-palette="professional"][data-theme="light"]{--md-primary:#1a44c8;--md-on-primary:#fff;--md-primary-container:#dde5ff;--md-on-primary-container:#0a1f6b;--md-secondary:#526b7d;--md-secondary-container:#dde8f0;--md-on-secondary-container:#132737;--md-tertiary:#b5500a;--md-tertiary-container:#ffdcc2;--md-on-tertiary-container:#3a1700;--md-surface:#f7fafd;--md-surface-container-lowest:#fff;--md-surface-container-low:#eff6fb;--md-surface-container:#e8f0f7;--md-surface-container-high:#e2eaf2;--md-surface-container-highest:#dce5ee;--md-on-surface:#16334f;--md-on-surface-variant:#42586b;--md-outline:#728797;--md-outline-variant:#c3d2de;--royal-strong:#12339e;--royal-tint:#eef2ff;--navy:#0a2a8f;--on-navy-muted:#d3ddf2;--page:#eff6fb;--surface-sunken:#f7fafd;--surface-hover:#e6eef6;--line:#d8e5ef;--line-strong:#c4d4e2;--line-control:#73879a;--ink:#16334f;--ink-2:#2c4a66;--muted:#526b7d;--pl1:#f1f7fb;--pl2:#d5dfe8;--pl3:#e5edf3;--pl4:#b8c8d5;--pl5:#d2dde6;--pl6:#c3d1dc;--pl7:#b4c6d2;--pl8:#a5b9c8;--pl9:0, 38, 94;--pl10:#c1cfda;--pl11:#afc1ce;--pl12:#2a55d8;--pl13:#1a44c8;--pl14:#12339e;--pl15:#5677e0;--pl16:#0f2c8c;--pl17:#0b257a;--pl18:#081d66;--pl19:0, 16, 52;--pl20:0, 43, 105;--pl21:#f0f6fa;--pl22:#b7c6d2;--pl23:#c5d3de;--pl24:#b1c3d0;--pl25:#cbd7e1;--pl26:#0b2a86;--pl27:#071e6b;--pl28:#2350d2;--pl29:#f5f9fb;--pl30:#7a8d9a;--pl31:#e3ebf1;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #0a2a8f 0%, #1036b4 52%, #1846cc 100%);--shg-hero-line:#4a68c4}
:root[data-palette="professional"][data-theme="dark"]{--md-primary:#b8d5ff;--md-on-primary:#0b2a5e;--md-primary-container:#0d3f8f;--md-on-primary-container:#dce8fa;--md-secondary:#b9c8d6;--md-secondary-container:#3a4e5e;--md-on-secondary-container:#dde8f0;--md-tertiary:#f0c070;--md-tertiary-container:#6b4a0a;--md-on-tertiary-container:#ffe1a3;--md-surface:#0a1018;--md-surface-container-lowest:#06090e;--md-surface-container-low:#121d29;--md-surface-container:#162230;--md-surface-container-high:#1d2b3b;--md-surface-container-highest:#253546;--md-on-surface:#e5eef6;--md-on-surface-variant:#c3d2de;--md-outline:#8da0b1;--md-outline-variant:#2a3b4d;--royal-strong:#dce8fa;--royal-soft:#1f3a63;--royal-tint:#16283f;--navy:#10203a;--on-navy-muted:#c5d3e8;--page:#0a1018;--surface:#121d29;--surface-sunken:#0e171f;--surface-hover:#1a2735;--line:#2a3b4d;--line-strong:#38495c;--line-control:#7f93a6;--ink:#e5eef6;--ink-2:#c9d6e3;--muted:#a9bbcb;--pd1:#00334f;--pd2:#00243b;--pd3:#001f34;--pd4:#003c5e;--pd5:#006cac;--pd6:#004e7b;--pd7:#00162a;--pd8:#002f4b;--pd9:#00263f;--pd10:#001e33;--pd11:#021527;--pd12:177, 208, 253;--pd13:#002d48;--pd14:#00233b;--pd15:#00192e;--pd16:#94c0f8;--pd17:#6aaaec;--pd18:#5c9ddd;--pd19:#141a25;--pd20:#bdd7ff;--pd21:#3680bd;--pd22:#256da2;--pd23:#095987;--pd24:0, 45, 68;--pd25:#003552;--pd26:#002840;--pd27:#005688;--pd28:#001e33;--pd29:#002e4b;--pd30:#002135;--pd31:#8ebcf6;--pd32:#001528;--pd33:#5681ac;--pd34:#003455;--pd35:46, 117, 174;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #10203a 0%, #152a4c 60%, #1c3862 100%);--shg-hero-line:#38495c}
:root[data-palette="professional"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#0a1018;--md-surface-container:#101922;--md-surface-container-high:#18232e;--md-surface-container-highest:#212d3a;--md-on-surface:#eef3f8;--md-outline-variant:#34434f;--royal-strong:#d6e6ff;--royal-soft:#162b4a;--royal-tint:#0e1b2e;--on-royal:#071428;--navy:#070d16;--on-navy-muted:#c5d3e8;--surface:#0c141e;--surface-sunken:#060a10;--surface-hover:#152030;--line:#2c3a48;--line-strong:#3c4b5a;--line-control:#76899b;--ink:#f2f6fa;--ink-2:#d9e2eb;--muted:#b4c3d1;--focus:#cfe0ff;--pa1:#133251;--pa2:#122438;--pa3:#0e1924;--pa4:#26486b;--pa5:#7f9fc9;--pa6:#49709e;--pa7:#18293c;--pa8:#26486b;--pa9:#143555;--pa10:#152a40;--pa11:#0e2236;--pa12:178, 198, 227;--pa13:126, 161, 206;--pa14:#224466;--pa15:#0f3251;--pa16:#102335;--pa17:#3e61b8;--pa18:#284993;--pa19:#224083;--pa20:#a5aeea;--pa21:#10224d;--pa22:#07183c;--pa23:#133557;--pa24:#688bb6;--pa25:#889ebc;--pa26:#1e4369;--pa27:#002542;--pa28:#5d83b2;--pa29:#1b3f62;--pa30:#10253b;--pa31:#060c16;--pa32:#4e78a9;--shg-hero-bg:linear-gradient(150deg, #070d16 0%, #0e1b33 100%);--shg-hero-line:#3c4b5a}
/* whiteblue - White & Blue - crisp white surfaces, the logo's royal blue */
:root[data-palette="whiteblue"][data-theme="light"]{--md-primary:#0054a8;--md-on-primary:#fff;--md-primary-container:#d9e7fa;--md-on-primary-container:#002a5c;--md-secondary:#4f6079;--md-secondary-container:#dbe4f1;--md-on-secondary-container:#12223a;--md-tertiary:#0b6fb8;--md-tertiary-container:#d6ecff;--md-on-tertiary-container:#00223a;--md-surface:#ffffff;--md-surface-container-lowest:#fff;--md-surface-container-low:#f6f9fd;--md-surface-container:#eff3f9;--md-surface-container-high:#e8edf5;--md-surface-container-highest:#e2e8f1;--md-on-surface:#0b1b33;--md-on-surface-variant:#3f5068;--md-outline:#6f8097;--md-outline-variant:#c9d3e0;--royal-strong:#003c90;--royal-tint:#eef4fc;--navy:#0c306c;--on-navy-muted:#c6d4ec;--page:#ffffff;--surface-sunken:#f6f9fd;--surface-hover:#eef3fa;--line:#e3e9f2;--line-strong:#d0d9e6;--line-control:#7686a0;--ink:#0b1b33;--ink-2:#263650;--muted:#4f6079;--pl1:#f4f6fa;--pl2:#d9dee5;--pl3:#e8ecf1;--pl4:#bfc6d1;--pl5:#d6dce4;--pl6:#c9cfd9;--pl7:#bbc4cf;--pl8:#adb6c4;--pl9:0, 43, 88;--pl10:#c7cdd7;--pl11:#b6bfcb;--pl12:#1762bf;--pl13:#004d95;--pl14:#004485;--pl15:#4975cc;--pl16:#003870;--pl17:#003062;--pl18:#002651;--pl19:0, 19, 49;--pl20:0, 48, 99;--pl21:#f3f5f9;--pl22:#bdc4cf;--pl23:#cbd1db;--pl24:#b8c1cd;--pl25:#d0d6de;--pl26:#002c5b;--pl27:#002147;--pl28:#015db8;--pl29:#f7f8fa;--pl30:#828b97;--pl31:#e6eaef;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #0c306c 0%, #0a3a85 52%, #0054a8 100%);--shg-hero-line:#1b4c97}
:root[data-palette="whiteblue"][data-theme="dark"]{--md-primary:#9cc4ff;--md-on-primary:#002a5c;--md-primary-container:#003c90;--md-on-primary-container:#d9e7fa;--md-secondary:#b7c6dd;--md-secondary-container:#384a62;--md-on-secondary-container:#dbe4f1;--md-tertiary:#8fcbff;--md-tertiary-container:#004a73;--md-on-tertiary-container:#d6ecff;--md-surface:#0b1220;--md-surface-container-lowest:#070c16;--md-surface-container-low:#141e30;--md-surface-container:#192538;--md-surface-container-high:#202e44;--md-surface-container-highest:#283750;--md-on-surface:#e6edf8;--md-on-surface-variant:#c9d3e0;--md-outline:#8e9db3;--md-outline-variant:#30405a;--royal-strong:#d9e7fa;--royal-soft:#1f3660;--royal-tint:#17264a;--navy:#0f1f3d;--on-navy-muted:#c6d4ec;--page:#0b1220;--surface:#141e30;--surface-sunken:#101828;--surface-hover:#1c2a40;--line:#283954;--line-strong:#354865;--line-control:#7f92ad;--ink:#e6edf8;--ink-2:#c9d4e6;--muted:#a4b4cb;--pd1:#00305a;--pd2:#002244;--pd3:#001d3d;--pd4:#00396b;--pd5:#2e67b0;--pd6:#124a86;--pd7:#05142b;--pd8:#002c56;--pd9:#002349;--pd10:#001c3b;--pd11:#061328;--pd12:148, 191, 254;--pd13:#002a52;--pd14:#002044;--pd15:#05182f;--pd16:#71aefe;--pd17:#3598f6;--pd18:#1d8be7;--pd19:#060e1c;--pd20:#a2c6fe;--pd21:#0270b6;--pd22:#025d95;--pd23:#004a73;--pd24:0, 31, 50;--pd25:#00325e;--pd26:#002549;--pd27:#1d528f;--pd28:#001c3b;--pd29:#012b55;--pd30:#001e3d;--pd31:#69abfd;--pd32:#041329;--pd33:#607eae;--pd34:#113258;--pd35:2, 102, 164;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #0f1f3d 0%, #142a52 60%, #1b3a6c 100%);--shg-hero-line:#354865}
:root[data-palette="whiteblue"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#0b1220;--md-surface-container:#111a28;--md-surface-container-high:#192434;--md-surface-container-highest:#222e40;--md-on-surface:#eef3fa;--md-outline-variant:#35455c;--royal-strong:#cfe0ff;--royal-soft:#162a4e;--royal-tint:#0f1c33;--on-royal:#06122a;--navy:#060c18;--on-navy-muted:#c6d4ec;--surface:#0d1522;--surface-sunken:#070b14;--surface-hover:#172232;--line:#2d3b50;--line-strong:#3d4c62;--line-control:#7889a2;--ink:#f3f6fb;--ink-2:#dbe3ee;--muted:#b3c0d2;--focus:#c7dbff;--pa1:#173154;--pa2:#142339;--pa3:#0f1824;--pa4:#2a466e;--pa5:#829dcc;--pa6:#4d6ea2;--pa7:#1a283d;--pa8:#2a466e;--pa9:#183458;--pa10:#172942;--pa11:#102137;--pa12:180, 197, 229;--pa13:130, 159, 209;--pa14:#264269;--pa15:#133153;--pa16:#122237;--pa17:#3765b6;--pa18:#224d92;--pa19:#1c4482;--pa20:#a3b2eb;--pa21:#0d254d;--pa22:#041a3c;--pa23:#173459;--pa24:#6c89b9;--pa25:#8a9dbe;--pa26:#22416c;--pa27:#042345;--pa28:#6081b5;--pa29:#203d65;--pa30:#12243d;--pa31:#070c16;--pa32:#5277ac;--shg-hero-bg:linear-gradient(150deg, #060c18 0%, #0f1f3d 100%);--shg-hero-line:#3d4c62}
/* goldenorange - Golden & Orange - the logo's arrow orange and container gold */
:root[data-palette="goldenorange"][data-theme="light"]{--md-primary:#b4530a;--md-on-primary:#fff;--md-primary-container:#ffdcc2;--md-on-primary-container:#3a1700;--md-secondary:#6b5440;--md-secondary-container:#f4e1cf;--md-on-secondary-container:#27180b;--md-tertiary:#8a5b00;--md-tertiary-container:#ffe1a3;--md-on-tertiary-container:#2c1b00;--md-surface:#fffcf8;--md-surface-container-lowest:#fff;--md-surface-container-low:#fff8f0;--md-surface-container:#f9f0e5;--md-surface-container-high:#f3eadf;--md-surface-container-highest:#ede3d7;--md-on-surface:#2b1d0e;--md-on-surface-variant:#55432f;--md-outline:#86735f;--md-outline-variant:#d8c6b2;--royal-strong:#8e3f00;--royal-tint:#fff3e8;--navy:#3a1f05;--on-navy-muted:#f3dcc2;--page:#fff8f0;--surface-sunken:#fffcf8;--surface-hover:#f8ede0;--line:#eed9c4;--line-strong:#e0c7ad;--line-control:#8f7a66;--ink:#2b1d0e;--ink-2:#4a3722;--muted:#6b5440;--pl1:#fcf5ed;--pl2:#e9dbcb;--pl3:#f5eadf;--pl4:#d9c1aa;--pl5:#e9d8c8;--pl6:#e0cbb6;--pl7:#d7bea6;--pl8:#ccb093;--pl9:111, 49, 9;--pl10:#dec9b4;--pl11:#d3b9a0;--pl12:#c96111;--pl13:#a94a05;--pl14:#9a4304;--pl15:#d57e39;--pl16:#873b06;--pl17:#783508;--pl18:#682d06;--pl19:71, 31, 7;--pl20:121, 53, 6;--pl21:#fbf4ec;--pl22:#d6c0aa;--pl23:#e1cdb9;--pl24:#d5bba2;--pl25:#e4d2c1;--pl26:#713108;--pl27:#5e2907;--pl28:#c35a09;--pl29:#fcf7f3;--pl30:#9f856b;--pl31:#f3e8dd;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #3a1f05 0%, #6e3306 52%, #9a4408 100%);--shg-hero-line:#7d4318}
:root[data-palette="goldenorange"][data-theme="dark"]{--md-primary:#ffb26e;--md-on-primary:#4a2300;--md-primary-container:#8e3f00;--md-on-primary-container:#ffdcc2;--md-secondary:#dfc0a6;--md-secondary-container:#51402f;--md-on-secondary-container:#f4e1cf;--md-tertiary:#f2c25a;--md-tertiary-container:#624000;--md-on-tertiary-container:#ffe1a3;--md-surface:#15100b;--md-surface-container-lowest:#0f0a06;--md-surface-container-low:#221a12;--md-surface-container:#281f16;--md-surface-container-high:#322820;--md-surface-container-highest:#3c3229;--md-on-surface:#f0e7df;--md-on-surface-variant:#d8c6b2;--md-outline:#a08f7c;--md-outline-variant:#4a3c2f;--royal-strong:#ffdcc2;--royal-soft:#5a3416;--royal-tint:#3d2412;--navy:#241608;--on-navy-muted:#eacfb0;--page:#15100b;--surface:#221a12;--surface-sunken:#1b140d;--surface-hover:#2d231a;--line:#3d3127;--line-strong:#4d3f33;--line-control:#9a8672;--ink:#f0e7df;--ink-2:#dccfc2;--muted:#bfae9e;--pd1:#4a2301;--pd2:#361901;--pd3:#2f1502;--pd4:#572b03;--pd5:#8e5928;--pd6:#6b3d14;--pd7:#211003;--pd8:#442203;--pd9:#381b02;--pd10:#2d1502;--pd11:#1e1004;--pd12:252, 172, 103;--pd13:#412003;--pd14:#341801;--pd15:#241304;--pd16:#fb9129;--pd17:#e67500;--pd18:#d46a00;--pd19:#1d0c00;--pd20:#fcb777;--pd21:#ae5000;--pd22:#924001;--pd23:#772f00;--pd24:59, 14, 0;--pd25:#4c2503;--pd26:#3b1b00;--pd27:#73451d;--pd28:#2e1401;--pd29:#422104;--pd30:#311602;--pd31:#fa8b14;--pd32:#1f0f03;--pd33:#967658;--pd34:#472a10;--pd35:159, 71, 0;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #241608 0%, #3a2410 60%, #52321a 100%);--shg-hero-line:#4d3f33}
:root[data-palette="goldenorange"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#15100b;--md-surface-container:#1b140e;--md-surface-container-high:#241c14;--md-surface-container-highest:#2e251c;--md-on-surface:#f5eee7;--md-outline-variant:#40342a;--royal-strong:#ffd4b5;--royal-soft:#45260e;--royal-tint:#2a170a;--on-royal:#2a1200;--navy:#0e0905;--on-navy-muted:#eacfb0;--surface:#160f09;--surface-sunken:#0b0704;--surface-hover:#221910;--line:#3e3227;--line-strong:#4f4234;--line-control:#8f7d6a;--ink:#f8f2ec;--ink-2:#e5d9cc;--muted:#c6b5a4;--focus:#ffcf9e;--pa1:#422a17;--pa2:#2e1f12;--pa3:#1e160f;--pa4:#5a3f29;--pa5:#b3967c;--pa6:#886649;--pa7:#322418;--pa8:#5a3f29;--pa9:#462d19;--pa10:#362517;--pa11:#2c1d10;--pa12:212, 193, 175;--pa13:183, 152, 124;--pa14:#563b26;--pa15:#432a17;--pa16:#2c1e12;--pa17:#c16d2c;--pa18:#a0551d;--pa19:#914d1c;--pa20:#facb9c;--pa21:#5f3414;--pa22:#4f290f;--pa23:#472d18;--pa24:#a08267;--pa25:#ad9886;--pa26:#573a22;--pa27:#351c0a;--pa28:#9b795d;--pa29:#513620;--pa30:#311f12;--pa31:#110b05;--pa32:#916d50;--shg-hero-bg:linear-gradient(150deg, #0e0905 0%, #241608 100%);--shg-hero-line:#4f4234}
/* himalaya - Himalaya Blue */
:root[data-palette="himalaya"][data-theme="light"]{--md-primary:#1759c2;--md-on-primary:#fff;--md-primary-container:#dee0ff;--md-on-primary-container:#001944;--md-secondary:#5a5d77;--md-secondary-container:#dee0ff;--md-on-secondary-container:#161a30;--md-tertiary:#874b68;--md-tertiary-container:#ffd8e9;--md-on-tertiary-container:#3b0324;--md-surface:#f9f9ff;--md-surface-container-lowest:#fff;--md-surface-container-low:#f2f3fd;--md-surface-container:#ededf7;--md-surface-container-high:#e7e7f1;--md-surface-container-highest:#e1e2eb;--md-on-surface:#1b1b22;--md-on-surface-variant:#454654;--md-outline:#757685;--md-outline-variant:#c4c5d6;--royal-strong:#004398;--royal-tint:#f2f3ff;--navy:#003175;--on-navy-muted:#d6d8f1;--page:#f2f3fd;--surface-sunken:#f9f9ff;--surface-hover:#ecedf9;--line:#e3e4f5;--line-strong:#d2d3e6;--line-control:#797b8f;--ink:#1d1f2c;--ink-2:#383a4c;--muted:#5e5f73;--pl1:#f5f5fc;--pl2:#dcdcea;--pl3:#eaebf5;--pl4:#c2c4d9;--pl5:#d9dae9;--pl6:#cccde0;--pl7:#bfc1d7;--pl8:#b2b3cd;--pl9:0, 48, 113;--pl10:#cacbde;--pl11:#babcd3;--pl12:#2867da;--pl13:#0051b5;--pl14:#0048a4;--pl15:#567be5;--pl16:#003d8d;--pl17:#00357c;--pl18:#002b69;--pl19:0, 25, 67;--pl20:0, 53, 125;--pl21:#f4f4fb;--pl22:#c1c2d6;--pl23:#cecfe1;--pl24:#bcbed5;--pl25:#d3d4e4;--pl26:#003174;--pl27:#00265e;--pl28:#1862d4;--pl29:#f7f8fc;--pl30:#86889f;--pl31:#e8e9f3;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #003175 0%, #194391 52%, #1759c2 100%);--shg-hero-line:#394c8c}
:root[data-palette="himalaya"][data-theme="dark"]{--md-primary:#bbc3ff;--md-on-primary:#002d6d;--md-primary-container:#004398;--md-on-primary-container:#dee0ff;--md-secondary:#c2c4e2;--md-secondary-container:#42455e;--md-on-secondary-container:#dee0ff;--md-tertiary:#f7b3d2;--md-tertiary-container:#6d3350;--md-on-tertiary-container:#ffd8e9;--md-surface:#12131a;--md-surface-container-lowest:#0d0d16;--md-surface-container-low:#1b1b22;--md-surface-container:#1f1f26;--md-surface-container-high:#292931;--md-surface-container-highest:#34343c;--md-on-surface:#e1e2eb;--md-on-surface-variant:#c4c5d6;--md-outline:#8f909f;--md-outline-variant:#454654;--royal-strong:#dee0ff;--royal-soft:#2a3764;--royal-tint:#202643;--navy:#141a32;--on-navy-muted:#cdd0ee;--page:#12131b;--surface:#1e1f29;--surface-sunken:#181921;--surface-hover:#282935;--line:#323443;--line-strong:#424354;--line-control:#818297;--ink:#eaeaf2;--ink-2:#d3d3e2;--muted:#aeafc2;--pd1:#212c53;--pd2:#171f3d;--pd3:#141b35;--pd4:#293561;--pd5:#57629c;--pd6:#3b4676;--pd7:#101325;--pd8:#20294c;--pd9:#1a213f;--pd10:#131a33;--pd11:#101222;--pd12:181, 190, 254;--pd13:#1e2749;--pd14:#171e3b;--pd15:#121629;--pd16:#9dabfd;--pd17:#7a93f6;--pd18:#6c86e8;--pd19:#10111f;--pd20:#bfc5ff;--pd21:#4a6ac8;--pd22:#3858ac;--pd23:#234590;--pd24:0, 30, 76;--pd25:#232e55;--pd26:#192243;--pd27:#434e7f;--pd28:#131a34;--pd29:#20284a;--pd30:#141c37;--pd31:#98a7fc;--pd32:#0f1223;--pd33:#757aa0;--pd34:#282f4e;--pd35:65, 96, 184;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #141a32 0%, #1a264b 60%, #26366a 100%);--shg-hero-line:#424354}
:root[data-palette="himalaya"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#0d0d16;--md-surface-container:#16171f;--md-surface-container-high:#20212b;--md-surface-container-highest:#2a2b37;--md-on-surface:#ededf3;--md-outline-variant:#3c3d4a;--royal-strong:#d8daff;--royal-soft:#1d284d;--royal-tint:#13182e;--on-royal:#090a18;--navy:#0c0d1a;--on-navy-muted:#ced0ea;--surface:#161720;--surface-sunken:#0d0e14;--surface-hover:#22232e;--line:#393a49;--line-strong:#494a5b;--line-control:#74768a;--ink:#f3f3f9;--ink-2:#dbdce7;--muted:#b9bacd;--focus:#d1d4ff;--pa1:#2a2e4a;--pa2:#1f2133;--pa3:#151721;--pa4:#3e4363;--pa5:#9699be;--pa6:#656a93;--pa7:#242637;--pa8:#3e4363;--pa9:#2c314e;--pa10:#24273b;--pa11:#1c1f31;--pa12:193, 194, 219;--pa13:151, 155, 194;--pa14:#3a3f5e;--pa15:#282e4a;--pa16:#1d2031;--pa17:#446bcf;--pa18:#2e53a9;--pa19:#284a97;--pa20:#b0baff;--pa21:#172c5e;--pa22:#0d214b;--pa23:#2c314f;--pa24:#8185ab;--pa25:#989ab4;--pa26:#393e60;--pa27:#1b213c;--pa28:#787da6;--pa29:#353a5a;--pa30:#1f2236;--pa31:#0b0b13;--pa32:#6c729d;--shg-hero-bg:linear-gradient(150deg, #0c0d1a 0%, #121a35 100%);--shg-hero-line:#494a5b}
/* laligurans - Laligurans Red */
:root[data-palette="laligurans"][data-theme="light"]{--md-primary:#bf002a;--md-on-primary:#fff;--md-primary-container:#ffdad6;--md-on-primary-container:#410000;--md-secondary:#7c5451;--md-secondary-container:#ffdad6;--md-on-secondary-container:#311210;--md-tertiary:#46673b;--md-tertiary-container:#c8edb9;--md-on-tertiary-container:#0e2000;--md-surface:#fff8f7;--md-surface-container-lowest:#fff;--md-surface-container-low:#fef1ef;--md-surface-container:#f9ebe9;--md-surface-container-high:#f3e5e4;--md-surface-container-highest:#eddfde;--md-on-surface:#231918;--md-on-surface-variant:#554240;--md-outline:#877270;--md-outline-variant:#d9c1bf;--royal-strong:#92001e;--royal-tint:#fff0ef;--navy:#6c0b17;--on-navy-muted:#f4d2cf;--page:#fef1ef;--surface-sunken:#fff8f7;--surface-hover:#fbeae9;--line:#f8e0dd;--line-strong:#e9cecc;--line-control:#927573;--ink:#2d1b19;--ink-2:#4e3533;--muted:#755a58;--pl1:#fdf4f3;--pl2:#edd9d7;--pl3:#f6e8e7;--pl4:#dcbebb;--pl5:#ecd7d4;--pl6:#e3c8c6;--pl7:#dabbb8;--pl8:#d0adaa;--pl9:109, 0, 19;--pl10:#e1c6c4;--pl11:#d6b6b3;--pl12:#d80d33;--pl13:#ae0026;--pl14:#9d0021;--pl15:#e9434b;--pl16:#87001b;--pl17:#770016;--pl18:#640011;--pl19:64, 1, 0;--pl20:120, 0, 23;--pl21:#fcf3f2;--pl22:#d9bdba;--pl23:#e4cac8;--pl24:#d8b8b5;--pl25:#e7d0ce;--pl26:#6f0014;--pl27:#5b000d;--pl28:#d0002f;--pl29:#fdf7f6;--pl30:#a2827f;--pl31:#f4e6e5;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #6c0b17 0%, #871e25 52%, #bf002a 100%);--shg-hero-line:#883534}
:root[data-palette="laligurans"][data-theme="dark"]{--md-primary:#ffb3ad;--md-on-primary:#680012;--md-primary-container:#92001e;--md-on-primary-container:#ffdad6;--md-secondary:#eabcb7;--md-secondary-container:#623d3a;--md-on-secondary-container:#ffdad6;--md-tertiary:#add19e;--md-tertiary-container:#2e4f24;--md-on-tertiary-container:#c8edb9;--md-surface:#1b110f;--md-surface-container-lowest:#170b09;--md-surface-container-low:#231918;--md-surface-container:#271d1c;--md-surface-container-high:#322827;--md-surface-container-highest:#3d3231;--md-on-surface:#eddfde;--md-on-surface-variant:#d9c1bf;--md-outline:#a28c89;--md-outline-variant:#554240;--royal-strong:#ffdad6;--royal-soft:#612725;--royal-tint:#421d1b;--navy:#311210;--on-navy-muted:#f2c8c4;--page:#1c100f;--surface:#291c1b;--surface-sunken:#221716;--surface-hover:#362625;--line:#44302e;--line-strong:#563f3d;--line-control:#9a7d7a;--ink:#f4e9e7;--ink-2:#e5d0cd;--muted:#c4aba8;--pd1:#551a1a;--pd2:#3f1111;--pd3:#370e0c;--pd4:#632121;--pd5:#a34b48;--pd6:#7a3230;--pd7:#260d08;--pd8:#4f1919;--pd9:#421414;--pd10:#350e0c;--pd11:#230c08;--pd12:255, 172, 166;--pd13:#4b1818;--pd14:#3d1111;--pd15:#29100c;--pd16:#ff918b;--pd17:#fd6766;--pd18:#ee595a;--pd19:#210c08;--pd20:#ffb7b1;--pd21:#cb393f;--pd22:#ae2932;--pd23:#901523;--pd24:73, 0, 4;--pd25:#571c1c;--pd26:#451313;--pd27:#843937;--pd28:#360d0b;--pd29:#4c1919;--pd30:#390f0d;--pd31:#ff8b85;--pd32:#240c07;--pd33:#a86c68;--pd34:#522220;--pd35:186, 50, 57;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #311210 0%, #481818 60%, #652323 100%);--shg-hero-line:#563f3d}
:root[data-palette="laligurans"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#170b09;--md-surface-container:#201514;--md-surface-container-high:#2c1e1d;--md-surface-container-highest:#382827;--md-on-surface:#f4eceb;--md-outline-variant:#4c3937;--royal-strong:#ffd2ce;--royal-soft:#4b1a1a;--royal-tint:#2d110f;--on-royal:#1a0502;--navy:#1c0906;--on-navy-muted:#eec9c6;--surface:#211413;--surface-sunken:#160c0a;--surface-hover:#2f201f;--line:#4b3635;--line-strong:#5d4644;--line-control:#8c706e;--ink:#faf2f1;--ink-2:#e9d9d8;--muted:#cfb6b3;--focus:#ffcbc6;--pa1:#4d2422;--pa2:#341c1b;--pa3:#221412;--pa4:#683734;--pa5:#c78d88;--pa6:#9a5c58;--pa7:#382120;--pa8:#683734;--pa9:#522624;--pa10:#3b211f;--pa11:#311918;--pa12:222, 188, 185;--pa13:204, 142, 137;--pa14:#633331;--pa15:#4d2321;--pa16:#311a19;--pa17:#d1323d;--pa18:#aa1e2c;--pa19:#981a26;--pa20:#ffa7a0;--pa21:#5e0e15;--pa22:#4b060b;--pa23:#532624;--pa24:#b47873;--pa25:#b79491;--pa26:#64322f;--pa27:#3e1615;--pa28:#ae6f6a;--pa29:#5f2e2c;--pa30:#361d1b;--pa31:#140908;--pa32:#a5635f;--shg-hero-bg:linear-gradient(150deg, #1c0906 0%, #34100e 100%);--shg-hero-line:#5d4644}
/* saffron - Saffron */
:root[data-palette="saffron"][data-theme="light"]{--md-primary:#934b00;--md-on-primary:#fff;--md-primary-container:#ffdcc4;--md-on-primary-container:#2c1700;--md-secondary:#745945;--md-secondary-container:#fedcc5;--md-on-secondary-container:#2c1700;--md-tertiary:#3e683c;--md-tertiary-container:#c0efba;--md-on-tertiary-container:#072100;--md-surface:#fff8f4;--md-surface-container-lowest:#fff;--md-surface-container-low:#fcf2eb;--md-surface-container:#f6ece5;--md-surface-container-high:#f0e6e0;--md-surface-container-highest:#ebe1da;--md-on-surface:#211a16;--md-on-surface-variant:#52443b;--md-outline:#84746a;--md-outline-variant:#d5c3b8;--royal-strong:#703800;--royal-tint:#fff1e8;--navy:#542a00;--on-navy-muted:#eed5c3;--page:#fcf2eb;--surface-sunken:#fff8f4;--surface-hover:#f8ece4;--line:#f4e2d6;--line-strong:#e4d1c4;--line-control:#8d786a;--ink:#2a1d13;--ink-2:#49382c;--muted:#705d50;--pl1:#fbf4f0;--pl2:#e9dbd1;--pl3:#f4eae3;--pl4:#d7c1b2;--pl5:#e8d8ce;--pl6:#decbbe;--pl7:#d5beaf;--pl8:#cab09f;--pl9:81, 40, 0;--pl10:#dcc9bc;--pl11:#d0b9a9;--pl12:#a95700;--pl13:#864400;--pl14:#793c00;--pl15:#c66805;--pl16:#673300;--pl17:#5a2c00;--pl18:#4a2500;--pl19:43, 22, 0;--pl20:91, 45, 0;--pl21:#faf3ef;--pl22:#d4bfb1;--pl23:#e0cdc0;--pl24:#d2bbab;--pl25:#e3d2c7;--pl26:#532900;--pl27:#422100;--pl28:#a15200;--pl29:#fcf7f4;--pl30:#9c8575;--pl31:#f2e8e1;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #542a00 0%, #703800 52%, #934b00 100%);--shg-hero-line:#774316}
:root[data-palette="saffron"][data-theme="dark"]{--md-primary:#ffb781;--md-on-primary:#4d2600;--md-primary-container:#703800;--md-on-primary-container:#ffdcc4;--md-secondary:#e1c0a9;--md-secondary-container:#5b412e;--md-on-secondary-container:#fedcc5;--md-tertiary:#a5d29f;--md-tertiary-container:#265025;--md-on-tertiary-container:#c0efba;--md-surface:#1a120b;--md-surface-container-lowest:#160c04;--md-surface-container-low:#211a16;--md-surface-container:#251e1a;--md-surface-container-high:#302924;--md-surface-container-highest:#3b332e;--md-on-surface:#ebe1da;--md-on-surface-variant:#d5c3b8;--md-outline:#9e8e83;--md-outline-variant:#52443b;--royal-strong:#ffdcc4;--royal-soft:#553011;--royal-tint:#3b220e;--navy:#2c1700;--on-navy-muted:#eaccb7;--page:#1b1109;--surface:#271e17;--surface-sunken:#201812;--surface-hover:#332820;--line:#403228;--line-strong:#524136;--line-control:#958072;--ink:#f2e9e4;--ink-2:#e1d1c7;--muted:#c0ada1;--pd1:#492503;--pd2:#351b00;--pd3:#2d1700;--pd4:#552d09;--pd5:#90592c;--pd6:#6b3e19;--pd7:#201100;--pd8:#442304;--pd9:#381c00;--pd10:#2b1600;--pd11:#1f1000;--pd12:245, 180, 131;--pd13:#412103;--pd14:#331a00;--pd15:#251300;--pd16:#ee9e5f;--pd17:#dd8233;--pd18:#ce7527;--pd19:#1d0f00;--pd20:#f9bd91;--pd21:#ac5903;--pd22:#914900;--pd23:#733900;--pd24:51, 26, 0;--pd25:#4b2706;--pd26:#3a1d00;--pd27:#74461f;--pd28:#2b1600;--pd29:#422204;--pd30:#2e1800;--pd31:#eb9a59;--pd32:#1f1000;--pd33:#9c7456;--pd34:#482a11;--pd35:157, 80, 0;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #2c1700 0%, #3f2002 60%, #582f09 100%);--shg-hero-line:#524136}
:root[data-palette="saffron"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#160c04;--md-surface-container:#1e1610;--md-surface-container-high:#292019;--md-surface-container-highest:#352a22;--md-on-surface:#f3ede9;--md-outline-variant:#483b32;--royal-strong:#ffd5b7;--royal-soft:#412205;--royal-tint:#281500;--on-royal:#140900;--navy:#180b00;--on-navy-muted:#e7cdbb;--surface:#1f160e;--surface-sunken:#140d06;--surface-hover:#2c211a;--line:#47382e;--line-strong:#59483c;--line-control:#877365;--ink:#f9f2ee;--ink-2:#e7dbd3;--muted:#cbb8ab;--focus:#ffcdaa;--pa1:#452a15;--pa2:#2f1f13;--pa3:#20150c;--pa4:#5e3e25;--pa5:#bb9478;--pa6:#8d6445;--pa7:#342419;--pa8:#5e3e25;--pa9:#482d17;--pa10:#362417;--pa11:#2d1c0f;--pa12:216, 191, 175;--pa13:191, 149, 119;--pa14:#593a22;--pa15:#442913;--pa16:#2d1d11;--pa17:#ae5900;--pa18:#8a4500;--pa19:#7b3d00;--pa20:#fcac6e;--pa21:#4a2500;--pa22:#371c00;--pa23:#492d16;--pa24:#a77f62;--pa25:#b19786;--pa26:#59391f;--pa27:#361d04;--pa28:#a17758;--pa29:#54351d;--pa30:#312012;--pa31:#130a04;--pa32:#976b4b;--shg-hero-bg:linear-gradient(150deg, #180b00 0%, #2c1700 100%);--shg-hero-line:#59483c}
/* tulsi - Tulsi Green */
:root[data-palette="tulsi"][data-theme="light"]{--md-primary:#1c6d23;--md-on-primary:#fff;--md-primary-container:#a7f5a1;--md-on-primary-container:#072100;--md-secondary:#50634d;--md-secondary-container:#d2e9ce;--md-on-secondary-container:#0f1f0b;--md-tertiary:#815430;--md-tertiary-container:#ffdcc4;--md-on-tertiary-container:#2c1700;--md-surface:#f4fbf3;--md-surface-container-lowest:#fff;--md-surface-container-low:#eef6ed;--md-surface-container:#e9f0e7;--md-surface-container-high:#e3eae2;--md-surface-container-highest:#dde4dc;--md-on-surface:#181d17;--md-on-surface-variant:#3f4a3e;--md-outline:#6f7a6d;--md-outline-variant:#becabb;--royal-strong:#005310;--royal-tint:#d4ffce;--navy:#003e09;--on-navy-muted:#cddfca;--page:#eef6ed;--surface-sunken:#f5fbf4;--surface-hover:#e8f0e6;--line:#dce9da;--line-strong:#cad8c8;--line-control:#71806f;--ink:#182216;--ink-2:#313f2f;--muted:#566554;--pl1:#f2f7f1;--pl2:#d6e0d4;--pl3:#e6eee5;--pl4:#bac9b7;--pl5:#d3ded1;--pl6:#c4d2c2;--pl7:#b6c7b3;--pl8:#a8baa5;--pl9:0, 60, 9;--pl10:#c2d0c0;--pl11:#b1c2ae;--pl12:#277d2c;--pl13:#0c6419;--pl14:#085915;--pl15:#489047;--pl16:#004c0e;--pl17:#00430b;--pl18:#003706;--pl19:7, 32, 0;--pl20:0, 67, 11;--pl21:#f1f6f0;--pl22:#b8c7b6;--pl23:#c6d4c4;--pl24:#b3c4b0;--pl25:#cdd9cb;--pl26:#003e09;--pl27:#003102;--pl28:#1f7727;--pl29:#f6f9f5;--pl30:#7d8e7a;--pl31:#e4ece3;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #003e09 0%, #005310 52%, #1c6d23 100%);--shg-hero-line:#245b25}
:root[data-palette="tulsi"][data-theme="dark"]{--md-primary:#8cd986;--md-on-primary:#003907;--md-primary-container:#005310;--md-on-primary-container:#a7f5a1;--md-secondary:#b6cdb3;--md-secondary-container:#394c36;--md-on-secondary-container:#d2e9ce;--md-tertiary:#f3bb93;--md-tertiary-container:#663d1a;--md-on-tertiary-container:#ffdcc4;--md-surface:#0f150e;--md-surface-container-lowest:#081007;--md-surface-container-low:#181d17;--md-surface-container:#1c211b;--md-surface-container-high:#262b25;--md-surface-container-highest:#313630;--md-on-surface:#dde4dc;--md-on-surface-variant:#becabb;--md-outline:#889486;--md-outline-variant:#3f4a3e;--royal-strong:#a7f5a1;--royal-soft:#20401f;--royal-tint:#182d17;--navy:#0d2008;--on-navy-muted:#c1d8be;--page:#0e150c;--surface:#1a2119;--surface-sunken:#151b14;--surface-hover:#242c22;--line:#2d382b;--line-strong:#3b4839;--line-control:#798876;--ink:#e7ede6;--ink-2:#ccd7ca;--muted:#a7b4a5;--pd1:#1a3419;--pd2:#122510;--pd3:#0f200c;--pd4:#213e20;--pd5:#4a6f47;--pd6:#31502f;--pd7:#061801;--pd8:#1a3018;--pd9:#142813;--pd10:#0f1f0b;--pd11:#061702;--pd12:165, 204, 159;--pd13:#182e17;--pd14:#122410;--pd15:#0a1b05;--pd16:#8abd84;--pd17:#67a763;--pd18:#5b9a57;--pd19:#071603;--pd20:#afd2aa;--pd21:#3d7d3c;--pd22:#2f692e;--pd23:#1d531f;--pd24:5, 38, 0;--pd25:#1c361b;--pd26:#142912;--pd27:#395836;--pd28:#0f1f0b;--pd29:#192f18;--pd30:#10210d;--pd31:#85b97f;--pd32:#051701;--pd33:#6b8268;--pd34:#223620;--pd35:54, 114, 53;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #0d2008 0%, #0e2e0e 60%, #194119 100%);--shg-hero-line:#3b4839}
:root[data-palette="tulsi"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#081007;--md-surface-container:#131912;--md-surface-container-high:#1c241b;--md-surface-container-highest:#262e24;--md-on-surface:#ebefea;--md-outline-variant:#364035;--royal-strong:#a2f09b;--royal-soft:#143013;--royal-tint:#0d1d08;--on-royal:#020e00;--navy:#051102;--on-navy-muted:#c3d7c0;--surface:#121911;--surface-sunken:#0a1008;--surface-hover:#1d261c;--line:#333e31;--line-strong:#424f40;--line-control:#6c7b6a;--ink:#f0f5f0;--ink-2:#d7dfd5;--muted:#b2bfaf;--focus:#9cea96;--pa1:#233422;--pa2:#182617;--pa3:#111a0f;--pa4:#364a33;--pa5:#8ba288;--pa6:#5a7357;--pa7:#1e2b1c;--pa8:#364a34;--pa9:#263824;--pa10:#1d2c1b;--pa11:#152313;--pa12:183, 201, 180;--pa13:140, 164, 136;--pa14:#324630;--pa15:#223420;--pa16:#162415;--pa17:#397e39;--pa18:#276428;--pa19:#225923;--pa20:#98cb92;--pa21:#133613;--pa22:#0b2909;--pa23:#253823;--pa24:#768e73;--pa25:#8ea18b;--pa26:#31452e;--pa27:#162715;--pa28:#6d866a;--pa29:#2d412b;--pa30:#182717;--pa31:#070e06;--pa32:#617c5e;--shg-hero-bg:linear-gradient(150deg, #051102 0%, #0a2004 100%);--shg-hero-line:#424f40}
/* phewa - Phewa Teal */
:root[data-palette="phewa"][data-theme="light"]{--md-primary:#006972;--md-on-primary:#fff;--md-primary-container:#8af2ff;--md-on-primary-container:#001f23;--md-secondary:#3e6469;--md-secondary-container:#c1eaef;--md-on-secondary-container:#001f23;--md-tertiary:#406088;--md-tertiary-container:#d4e3ff;--md-on-tertiary-container:#001d35;--md-surface:#eefcfe;--md-surface-container-lowest:#fff;--md-surface-container-low:#e8f6f8;--md-surface-container:#e2f1f2;--md-surface-container-high:#ddebed;--md-surface-container-highest:#d7e5e7;--md-on-surface:#131d1f;--md-on-surface-variant:#344a4d;--md-outline:#647b7e;--md-outline-variant:#b2cbce;--royal-strong:#004f56;--royal-tint:#d6faff;--navy:#003b41;--on-navy-muted:#bbe1e6;--page:#e8f6f8;--surface-sunken:#f0fbfd;--surface-hover:#e0f1f3;--line:#d0eaed;--line-strong:#bddadd;--line-control:#618286;--ink:#092326;--ink-2:#214044;--muted:#46666a;--pl1:#eff7f8;--pl2:#cde1e3;--pl3:#e1eef0;--pl4:#accbce;--pl5:#cadfe2;--pl6:#b8d3d7;--pl7:#a8c8cc;--pl8:#97bcc0;--pl9:0, 57, 63;--pl10:#b6d1d5;--pl11:#a2c3c7;--pl12:#007883;--pl13:#005f68;--pl14:#00555d;--pl15:#008e9b;--pl16:#00484f;--pl17:#003f45;--pl18:#003439;--pl19:0, 31, 35;--pl20:0, 64, 70;--pl21:#eef6f7;--pl22:#acc8cc;--pl23:#bbd5d8;--pl24:#a4c5c9;--pl25:#c3d9dc;--pl26:#003a40;--pl27:#002e33;--pl28:#00737d;--pl29:#f3f9fa;--pl30:#6d8f93;--pl31:#dfecee;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #003b41 0%, #004f56 52%, #006972 100%);--shg-hero-line:#005961}
:root[data-palette="phewa"][data-theme="dark"]{--md-primary:#37daea;--md-on-primary:#00363c;--md-primary-container:#004f56;--md-on-primary-container:#8af2ff;--md-secondary:#a5ced3;--md-secondary-container:#264c51;--md-on-secondary-container:#c1eaef;--md-tertiary:#aac8f6;--md-tertiary-container:#25496f;--md-on-tertiary-container:#d4e3ff;--md-surface:#081517;--md-surface-container-lowest:#001112;--md-surface-container-low:#131d1f;--md-surface-container:#172123;--md-surface-container-high:#212c2d;--md-surface-container-highest:#2b3738;--md-on-surface:#d7e5e7;--md-on-surface-variant:#b2cbce;--md-outline:#7d9598;--md-outline-variant:#344a4d;--royal-strong:#8af2ff;--royal-soft:#004046;--royal-tint:#022d31;--navy:#001f23;--on-navy-muted:#abdae0;--page:#051617;--surface:#122224;--surface-sunken:#0e1c1d;--surface-hover:#1a2d2f;--line:#20393c;--line-strong:#2d494d;--line-control:#69898e;--ink:#e2edef;--ink-2:#c2d9db;--muted:#9ab6b9;--pd1:#003439;--pd2:#00262a;--pd3:#002024;--pd4:#003e44;--pd5:#296f77;--pd6:#125057;--pd7:#00181a;--pd8:#003136;--pd9:#00282c;--pd10:#001f23;--pd11:#001618;--pd12:139, 204, 213;--pd13:#002e33;--pd14:#002529;--pd15:#001b1d;--pd16:#62bec9;--pd17:#12a8b6;--pd18:#009aa8;--pd19:#001517;--pd20:#99d3da;--pd21:#007b86;--pd22:#006770;--pd23:#005158;--pd24:0, 36, 40;--pd25:#00363b;--pd26:#00292d;--pd27:#1b595f;--pd28:#001f23;--pd29:#002f34;--pd30:#002125;--pd31:#5abac5;--pd32:#001618;--pd33:#5c8388;--pd34:#0f363a;--pd35:0, 112, 122;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #001f23 0%, #002d32 60%, #004046 100%);--shg-hero-line:#2d494d}
:root[data-palette="phewa"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#001112;--md-surface-container:#0c1a1b;--md-surface-container-high:#142426;--md-surface-container-highest:#1c2f32;--md-on-surface:#e7eff0;--md-outline-variant:#2b4144;--royal-strong:#68efff;--royal-soft:#002f34;--royal-tint:#001d21;--on-royal:#000d0f;--navy:#001113;--on-navy-muted:#b0d9de;--surface:#091a1c;--surface-sunken:#031012;--surface-hover:#142729;--line:#263f43;--line-strong:#345054;--line-control:#5c7d81;--ink:#edf5f6;--ink-2:#cfe0e2;--muted:#a5c1c4;--focus:#51ebfc;--pa1:#163538;--pa2:#05272a;--pa3:#071a1c;--pa4:#274a4f;--pa5:#7ea2a7;--pa6:#497379;--pa7:#0e2b2f;--pa8:#274a4f;--pa9:#18383c;--pa10:#072d31;--pa11:#002428;--pa12:168, 202, 207;--pa13:125, 164, 169;--pa14:#24464a;--pa15:#143438;--pa16:#032528;--pa17:#007c87;--pa18:#00616a;--pa19:#00565e;--pa20:#73cbd6;--pa21:#003439;--pa22:#00272c;--pa23:#16383c;--pa24:#688e93;--pa25:#7da2a7;--pa26:#21464a;--pa27:#06272b;--pa28:#5d868c;--pa29:#1e4146;--pa30:#02282c;--pa31:#020e0f;--pa32:#507c81;--shg-hero-bg:linear-gradient(150deg, #001113 0%, #001f23 100%);--shg-hero-line:#345054}
/* lotus - Lotus Pink */
:root[data-palette="lotus"][data-theme="light"]{--md-primary:#b60074;--md-on-primary:#fff;--md-primary-container:#ffd8e8;--md-on-primary-container:#3d0024;--md-secondary:#785464;--md-secondary-container:#ffd8e8;--md-on-secondary-container:#301120;--md-tertiary:#7a5828;--md-tertiary-container:#ffddb6;--md-on-tertiary-container:#271900;--md-surface:#fff7fa;--md-surface-container-lowest:#fff;--md-surface-container-low:#fdf0f5;--md-surface-container:#f7ebf0;--md-surface-container-high:#f1e5ea;--md-surface-container-highest:#ebdfe4;--md-on-surface:#22191d;--md-on-surface-variant:#534249;--md-outline:#85727a;--md-outline-variant:#d6c1c9;--royal-strong:#8c0057;--royal-tint:#fff0f6;--navy:#6a0342;--on-navy-muted:#f0d2de;--page:#fdf0f5;--surface-sunken:#fff7fa;--surface-hover:#f9eaf0;--line:#f5e0e8;--line-strong:#e6ced8;--line-control:#8f7580;--ink:#2c1b22;--ink-2:#4b353f;--muted:#725a64;--pl1:#fcf4f7;--pl2:#ead9e0;--pl3:#f5e8ed;--pl4:#d9bec9;--pl5:#e9d6de;--pl6:#e0c8d2;--pl7:#d7bbc6;--pl8:#ccadba;--pl9:104, 0, 64;--pl10:#dec6d0;--pl11:#d2b6c1;--pl12:#ce0e84;--pl13:#a60069;--pl14:#96005e;--pl15:#de4497;--pl16:#810050;--pl17:#720046;--pl18:#60003a;--pl19:61, 0, 35;--pl20:115, 0, 71;--pl21:#fbf3f6;--pl22:#d6bdc7;--pl23:#e1cad3;--pl24:#d5b8c3;--pl25:#e4d0d8;--pl26:#6a0041;--pl27:#560034;--pl28:#c7007e;--pl29:#fcf7f9;--pl30:#9e828e;--pl31:#f3e6eb;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #6a0342 0%, #841855 52%, #b60074 100%);--shg-hero-line:#84335c}
:root[data-palette="lotus"][data-theme="dark"]{--md-primary:#ffafd3;--md-on-primary:#63003d;--md-primary-container:#8c0057;--md-on-primary-container:#ffd8e8;--md-secondary:#e5bbcd;--md-secondary-container:#5f3c4c;--md-on-secondary-container:#ffd8e8;--md-tertiary:#ebbf8a;--md-tertiary-container:#604111;--md-on-tertiary-container:#ffddb6;--md-surface:#1a1115;--md-surface-container-lowest:#160b10;--md-surface-container-low:#22191d;--md-surface-container:#261d21;--md-surface-container-high:#30282b;--md-surface-container-highest:#3b3236;--md-on-surface:#ebdfe4;--md-on-surface-variant:#d6c1c9;--md-outline:#9f8b94;--md-outline-variant:#534249;--royal-strong:#ffd8e8;--royal-soft:#5e2542;--royal-tint:#401c2d;--navy:#301120;--on-navy-muted:#edc8d7;--page:#1b1015;--surface:#281c21;--surface-sunken:#21171b;--surface-hover:#34262c;--line:#423037;--line-strong:#543f48;--line-control:#977d88;--ink:#f2e8ec;--ink-2:#e2cfd7;--muted:#c1abb4;--pd1:#511a36;--pd2:#3c1227;--pd3:#330f21;--pd4:#5e2140;--pd5:#9a4b72;--pd6:#743253;--pd7:#240d18;--pd8:#4a1a32;--pd9:#3e1429;--pd10:#310f20;--pd11:#210c16;--pd12:254, 168, 207;--pd13:#471830;--pd14:#3a1226;--pd15:#270f1b;--pd16:#fc8cc1;--pd17:#f168ad;--pd18:#e25aa0;--pd19:#1f0c15;--pd20:#ffb3d5;--pd21:#c13a82;--pd22:#a62a6e;--pd23:#891558;--pd24:69, 0, 41;--pd25:#531c38;--pd26:#41132b;--pd27:#7d3a5b;--pd28:#320e21;--pd29:#481931;--pd30:#360f23;--pd31:#fa87be;--pd32:#220c17;--pd33:#a16d84;--pd34:#4d2237;--pd35:177, 50, 119;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #301120 0%, #46172f 60%, #632143 100%);--shg-hero-line:#543f48}
:root[data-palette="lotus"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#160b10;--md-surface-container:#1f1519;--md-surface-container-high:#2a1e23;--md-surface-container-highest:#36282e;--md-on-surface:#f3ecef;--md-outline-variant:#4a3940;--royal-strong:#ffd0e4;--royal-soft:#481931;--royal-tint:#2b111e;--on-royal:#18050e;--navy:#1a0911;--on-navy-muted:#eac9d6;--surface:#201419;--surface-sunken:#150c10;--surface-hover:#2e2026;--line:#49363e;--line-strong:#5b454f;--line-control:#8a707b;--ink:#f9f2f5;--ink-2:#e7d9df;--muted:#cdb5bf;--focus:#ffc8df;--pa1:#492436;--pa2:#321c26;--pa3:#211419;--pa4:#63374c;--pa5:#bf8ea3;--pa6:#935c75;--pa7:#36212a;--pa8:#63374c;--pa9:#4d2739;--pa10:#39212c;--pa11:#301923;--pa12:218, 188, 201;--pa13:196, 142, 165;--pa14:#5e3447;--pa15:#492335;--pa16:#301a24;--pa17:#c73385;--pa18:#a21f69;--pa19:#901b5e;--pa20:#ffa2cc;--pa21:#590f39;--pa22:#47062b;--pa23:#4e2639;--pa24:#ac798f;--pa25:#b394a1;--pa26:#5f3247;--pa27:#3b1628;--pa28:#a66f88;--pa29:#5a2e43;--pa30:#341c27;--pa31:#13090d;--pa32:#9d637e;--shg-hero-bg:linear-gradient(150deg, #1a0911 0%, #320f21 100%);--shg-hero-line:#5b454f}
/* lavender - Lavender Dusk */
:root[data-palette="lavender"][data-theme="light"]{--md-primary:#6e49b2;--md-on-primary:#fff;--md-primary-container:#ecdcff;--md-on-primary-container:#190163;--md-secondary:#655a73;--md-secondary-container:#eaddfa;--md-on-secondary-container:#20172d;--md-tertiary:#8d4a59;--md-tertiary-container:#ffd9df;--md-on-tertiary-container:#3e0217;--md-surface:#fbf8ff;--md-surface-container-lowest:#fff;--md-surface-container-low:#f6f2fb;--md-surface-container:#f0ecf5;--md-surface-container-high:#ebe6f0;--md-surface-container-highest:#e5e1ea;--md-on-surface:#1d1a21;--md-on-surface-variant:#4a4452;--md-outline:#7b7483;--md-outline-variant:#cbc4d4;--royal-strong:#533196;--royal-tint:#f7f1ff;--navy:#3f266b;--on-navy-muted:#e0d6ed;--page:#f6f2fb;--surface-sunken:#fbf8ff;--surface-hover:#f1ecf7;--line:#eae2f3;--line-strong:#d9d1e3;--line-control:#81788c;--ink:#231d2a;--ink-2:#40384a;--muted:#665d70;--pl1:#f7f5fb;--pl2:#e1dbe8;--pl3:#eeeaf3;--pl4:#cbc1d6;--pl5:#dfd9e7;--pl6:#d3cbdd;--pl7:#c8bed4;--pl8:#bcb1c9;--pl9:60, 35, 110;--pl10:#d1c9db;--pl11:#c3b9cf;--pl12:#7f55c8;--pl13:#643fa8;--pl14:#5a3898;--pl15:#946cd5;--pl16:#4c2993;--pl17:#422382;--pl18:#371d6c;--pl19:33, 14, 72;--pl20:67, 35, 133;--pl21:#f6f4fa;--pl22:#c8c0d3;--pl23:#d5cdde;--pl24:#c5bbd1;--pl25:#d9d2e2;--pl26:#3d207a;--pl27:#311962;--pl28:#7950c2;--pl29:#f9f7fb;--pl30:#8f859b;--pl31:#ece8f1;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #3f266b 0%, #533785 52%, #6e49b2 100%);--shg-hero-line:#5c4482}
:root[data-palette="lavender"][data-theme="dark"]{--md-primary:#d7baff;--md-on-primary:#38197c;--md-primary-container:#533196;--md-on-primary-container:#ecdcff;--md-secondary:#cec1de;--md-secondary-container:#4d425a;--md-on-secondary-container:#eaddfa;--md-tertiary:#feb2c0;--md-tertiary-container:#723241;--md-on-tertiary-container:#ffd9df;--md-surface:#151219;--md-surface-container-lowest:#110c15;--md-surface-container-low:#1d1a21;--md-surface-container:#211e25;--md-surface-container-high:#2c2930;--md-surface-container-highest:#37333a;--md-on-surface:#e5e1ea;--md-on-surface-variant:#cbc4d4;--md-outline:#958e9d;--md-outline-variant:#4a4452;--royal-strong:#ecdcff;--royal-soft:#42315d;--royal-tint:#2e233e;--navy:#20172f;--on-navy-muted:#d9cce9;--page:#16121a;--surface:#221e27;--surface-sunken:#1c1820;--surface-hover:#2d2833;--line:#383240;--line-strong:#494152;--line-control:#898094;--ink:#edeaf1;--ink-2:#d8d2e0;--muted:#b5adbf;--pd1:#36274d;--pd2:#271b39;--pd3:#211731;--pd4:#402f5a;--pd5:#725b93;--pd6:#53406e;--pd7:#191123;--pd8:#322547;--pd9:#291d3b;--pd10:#20162f;--pd11:#171020;--pd12:209, 182, 244;--pd13:#302344;--pd14:#261b37;--pd15:#1b1426;--pd16:#c2a1f1;--pd17:#ac86e6;--pd18:#9f79d8;--pd19:#160f1d;--pd20:#d7bff6;--pd21:#805db9;--pd22:#6b4c9f;--pd23:#553984;--pd24:39, 21, 71;--pd25:#38294f;--pd26:#2a1e3e;--pd27:#5b4877;--pd28:#201630;--pd29:#312445;--pd30:#231833;--pd31:#bf9def;--pd32:#181021;--pd33:#85759a;--pd34:#372b4a;--pd35:117, 84, 170;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #20172f 0%, #2f2145 60%, #432f62 100%);--shg-hero-line:#494152}
:root[data-palette="lavender"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#110c15;--md-surface-container:#1a161e;--md-surface-container-high:#242029;--md-surface-container-highest:#2f2a35;--md-on-surface:#efedf2;--md-outline-variant:#413b48;--royal-strong:#e8d5ff;--royal-soft:#312347;--royal-tint:#1e162a;--on-royal:#100816;--navy:#120b18;--on-navy-muted:#d9cde6;--surface:#1a161f;--surface-sunken:#100d14;--surface-hover:#26222c;--line:#3f3947;--line-strong:#504859;--line-control:#7c7387;--ink:#f5f3f8;--ink-2:#e0dbe6;--muted:#c0b8ca;--focus:#e4ceff;--pa1:#362b46;--pa2:#271f30;--pa3:#1a1620;--pa4:#4c3f5e;--pa5:#a595b8;--pa6:#76658c;--pa7:#2b2435;--pa8:#4c3f5e;--pa9:#392e4a;--pa10:#2d2538;--pa11:#241c2e;--pa12:202, 192, 215;--pa13:167, 151, 188;--pa14:#483b59;--pa15:#362a46;--pa16:#251d2e;--pa17:#825cbf;--pa18:#66469c;--pa19:#5b3e8b;--pa20:#d0affe;--pa21:#372556;--pa22:#2a1a44;--pa23:#3a2e4b;--pa24:#9181a5;--pa25:#a398b0;--pa26:#483a5a;--pa27:#281e38;--pa28:#89789f;--pa29:#433655;--pa30:#282033;--pa31:#0e0a12;--pa32:#7f6d96;--shg-hero-bg:linear-gradient(150deg, #120b18 0%, #211631 100%);--shg-hero-line:#504859}
/* marigold - Marigold */
:root[data-palette="marigold"][data-theme="light"]{--md-primary:#765b00;--md-on-primary:#fff;--md-primary-container:#ffdf9e;--md-on-primary-container:#241a00;--md-secondary:#6b5d41;--md-secondary-container:#f3e0c0;--md-on-secondary-container:#241a00;--md-tertiary:#994442;--md-tertiary-container:#ffdad6;--md-on-tertiary-container:#410000;--md-surface:#fef9f0;--md-surface-container-lowest:#fff;--md-surface-container-low:#f8f3ea;--md-surface-container:#f3ede4;--md-surface-container-high:#ede7df;--md-surface-container-highest:#e7e2d9;--md-on-surface:#1f1b15;--md-on-surface-variant:#4d4639;--md-outline:#7e7668;--md-outline-variant:#cfc5b6;--royal-strong:#594400;--royal-tint:#fff2dc;--navy:#433200;--on-navy-muted:#e6d9c2;--page:#f8f3ea;--surface-sunken:#fdf9f2;--surface-hover:#f4ede2;--line:#eee4d4;--line-strong:#ded3c2;--line-control:#867b68;--ink:#251f11;--ink-2:#433a29;--muted:#6a604d;--pl1:#f9f5ef;--pl2:#e4dccf;--pl3:#f0ebe2;--pl4:#cfc4b0;--pl5:#e3dacc;--pl6:#d8cdbb;--pl7:#cdc1ac;--pl8:#c1b49c;--pl9:65, 49, 0;--pl10:#d6cbb9;--pl11:#c8bca6;--pl12:#876900;--pl13:#6b5200;--pl14:#604900;--pl15:#a07c00;--pl16:#523e00;--pl17:#473600;--pl18:#3b2c00;--pl19:35, 26, 0;--pl20:72, 54, 0;--pl21:#f8f4ee;--pl22:#cdc2af;--pl23:#d9cfbe;--pl24:#cabea8;--pl25:#ddd4c5;--pl26:#423200;--pl27:#352700;--pl28:#816300;--pl29:#faf8f4;--pl30:#948872;--pl31:#eee9e0;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #433200 0%, #594400 52%, #765b00 100%);--shg-hero-line:#644d08}
:root[data-palette="marigold"][data-theme="dark"]{--md-primary:#f4bf12;--md-on-primary:#3e2e00;--md-primary-container:#594400;--md-on-primary-container:#ffdf9e;--md-secondary:#d6c4a5;--md-secondary-container:#52452b;--md-on-secondary-container:#f3e0c0;--md-tertiary:#ffb3ad;--md-tertiary-container:#7c2b2b;--md-on-tertiary-container:#ffdad6;--md-surface:#17130a;--md-surface-container-lowest:#130d02;--md-surface-container-low:#1f1b15;--md-surface-container:#231f19;--md-surface-container-high:#2d2923;--md-surface-container-highest:#38342d;--md-on-surface:#e7e2d9;--md-on-surface-variant:#cfc5b6;--md-outline:#989081;--md-outline-variant:#4d4639;--royal-strong:#ffdf9e;--royal-soft:#483708;--royal-tint:#322608;--navy:#241a00;--on-navy-muted:#e0d0b4;--page:#181307;--surface:#241f16;--surface-sunken:#1d1911;--surface-hover:#2f291f;--line:#3b3426;--line-strong:#4c4334;--line-control:#8d826f;--ink:#efeae3;--ink-2:#dcd3c5;--muted:#b9af9e;--pd1:#3b2c00;--pd2:#2b2000;--pd3:#251b00;--pd4:#463500;--pd5:#7d621a;--pd6:#5b4607;--pd7:#1b1300;--pd8:#372900;--pd9:#2d2200;--pd10:#231a00;--pd11:#1a1200;--pd12:224, 189, 115;--pd13:#352700;--pd14:#2a1f00;--pd15:#1f1600;--pd16:#d3ab49;--pd17:#bc9300;--pd18:#ad8700;--pd19:#191100;--pd20:#e5c583;--pd21:#8a6b00;--pd22:#745900;--pd23:#5b4500;--pd24:41, 31, 0;--pd25:#3d2e00;--pd26:#2f2300;--pd27:#644e0f;--pd28:#241a00;--pd29:#362800;--pd30:#261c00;--pd31:#cfa741;--pd32:#1a1200;--pd33:#8f7a4d;--pd34:#3d2f06;--pd35:126, 97, 0;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #241a00 0%, #332600 60%, #483700 100%);--shg-hero-line:#4c4334}
:root[data-palette="marigold"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#130d02;--md-surface-container:#1b170e;--md-surface-container-high:#262118;--md-surface-container-highest:#312b21;--md-on-surface:#f1ede8;--md-outline-variant:#443d30;--royal-strong:#ffd884;--royal-soft:#362800;--royal-tint:#221800;--on-royal:#100a00;--navy:#140d00;--on-navy-muted:#ded0b7;--surface:#1c170c;--surface-sunken:#120e05;--surface-hover:#292319;--line:#423a2c;--line-strong:#534a3a;--line-control:#807663;--ink:#f7f3ee;--ink-2:#e3dcd1;--muted:#c4baa9;--focus:#ffd164;--pa1:#3c2e0d;--pa2:#292110;--pa3:#1d1709;--pa4:#53431c;--pa5:#af996f;--pa6:#7f6a3b;--pa7:#2e2616;--pa8:#53431d;--pa9:#3f310f;--pa10:#302714;--pa11:#271f0b;--pa12:208, 195, 172;--pa13:178, 155, 110;--pa14:#4e3f1a;--pa15:#3b2e0b;--pa16:#28200e;--pa17:#8b6c00;--pa18:#6e5400;--pa19:#614a00;--pa20:#e1b959;--pa21:#3b2c00;--pa22:#2d2100;--pa23:#3f310e;--pa24:#9a8559;--pa25:#a89a83;--pa26:#4e3e16;--pa27:#2d2100;--pa28:#937d4e;--pa29:#4a3a14;--pa30:#2b230f;--pa31:#100b02;--pa32:#897240;--shg-hero-bg:linear-gradient(150deg, #140d00 0%, #241a00 100%);--shg-hero-line:#534a3a}
/* monsoon - Monsoon Slate */
:root[data-palette="monsoon"][data-theme="light"]{--md-primary:#436371;--md-on-primary:#fff;--md-primary-container:#c6e8f8;--md-on-primary-container:#001f29;--md-secondary:#506169;--md-secondary-container:#d3e5ef;--md-on-secondary-container:#0d1e24;--md-tertiary:#356663;--md-tertiary-container:#b8ede8;--md-on-tertiary-container:#00201e;--md-surface:#f2fbff;--md-surface-container-lowest:#fff;--md-surface-container-low:#eaf5fb;--md-surface-container:#e4f0f6;--md-surface-container-high:#deeaf0;--md-surface-container-highest:#d9e4ea;--md-on-surface:#141d21;--md-on-surface-variant:#374952;--md-outline:#667a83;--md-outline-variant:#b5cad4;--royal-strong:#2b4b59;--royal-tint:#e5f6ff;--navy:#173946;--on-navy-muted:#bfdfee;--page:#eaf5fb;--surface-sunken:#f2fbff;--surface-hover:#e2f0f7;--line:#d3e9f3;--line-strong:#c1d8e4;--line-control:#65808d;--ink:#0c222b;--ink-2:#243f4a;--muted:#4a6571;--pl1:#f1f7fa;--pl2:#d2dfe6;--pl3:#e4edf2;--pl4:#b4c8d3;--pl5:#cfdee5;--pl6:#bfd1da;--pl7:#b0c5d0;--pl8:#a0b9c5;--pl9:30, 54, 64;--pl10:#bdcfd8;--pl11:#aac1cc;--pl12:#4f7281;--pl13:#395a68;--pl14:#33505d;--pl15:#668594;--pl16:#224553;--pl17:#1d3c49;--pl18:#18323c;--pl19:10, 29, 37;--pl20:28, 61, 74;--pl21:#f0f6f9;--pl22:#b3c6d0;--pl23:#c1d3dc;--pl24:#acc3ce;--pl25:#c8d8df;--pl26:#1a3844;--pl27:#142c36;--pl28:#496c7c;--pl29:#f5f9fb;--pl30:#768d98;--pl31:#e2ebf0;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #173946 0%, #2b4b59 52%, #436371 100%);--shg-hero-line:#345462}
:root[data-palette="monsoon"][data-theme="dark"]{--md-primary:#aaccdc;--md-on-primary:#123441;--md-primary-container:#2b4b59;--md-on-primary-container:#c6e8f8;--md-secondary:#b7c9d3;--md-secondary-container:#394951;--md-on-secondary-container:#d3e5ef;--md-tertiary:#9cd0cc;--md-tertiary-container:#1b4e4b;--md-on-tertiary-container:#b8ede8;--md-surface:#0a1519;--md-surface-container-lowest:#031015;--md-surface-container-low:#141d21;--md-surface-container:#182125;--md-surface-container-high:#222b30;--md-surface-container-highest:#2d363b;--md-on-surface:#d9e4ea;--md-on-surface-variant:#b5cad4;--md-outline:#80949e;--md-outline-variant:#374952;--royal-strong:#c6e8f8;--royal-soft:#2d3b42;--royal-tint:#20292d;--navy:#141d21;--on-navy-muted:#b0d7ea;--page:#08151a;--surface:#142127;--surface-sunken:#101b20;--surface-hover:#1c2c33;--line:#233841;--line-strong:#304852;--line-control:#6d8895;--ink:#e3ecf1;--ink-2:#c5d7e1;--muted:#9db4bf;--pd1:#253035;--pd2:#1a2226;--pd3:#161d21;--pd4:#2d393f;--pd5:#586870;--pd6:#3d4b51;--pd7:#00171f;--pd8:#232d31;--pd9:#1c2428;--pd10:#151c20;--pd11:#00161d;--pd12:179, 196, 205;--pd13:#212b2f;--pd14:#192125;--pd15:#001a23;--pd16:#9db4bf;--pd17:#819daa;--pd18:#74909d;--pd19:#00151b;--pd20:#bccbd3;--pd21:#587380;--pd22:#47606c;--pd23:#354c56;--pd24:19, 34, 41;--pd25:#273237;--pd26:#1c252a;--pd27:#455359;--pd28:#151c20;--pd29:#222c30;--pd30:#171e22;--pd31:#99b0bb;--pd32:#00161d;--pd33:#737e83;--pd34:#293236;--pd35:79, 105, 116;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #141d21 0%, #1c2a30 60%, #2b3c43 100%);--shg-hero-line:#304852}
:root[data-palette="monsoon"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#031015;--md-surface-container:#0e191e;--md-surface-container-high:#162329;--md-surface-container-highest:#1e2e35;--md-on-surface:#e8eff2;--md-outline-variant:#2e4049;--royal-strong:#c0e2f3;--royal-soft:#202c31;--royal-tint:#131b1e;--on-royal:#000d12;--navy:#080f12;--on-navy-muted:#b5d7e7;--surface:#0b191f;--surface-sunken:#051014;--surface-hover:#16262d;--line:#293e48;--line-strong:#374f59;--line-control:#607b88;--ink:#eef5f8;--ink-2:#d1dfe6;--muted:#a8bfca;--focus:#badced;--pa1:#2a3135;--pa2:#10252e;--pa3:#0d191e;--pa4:#3d464b;--pa5:#939da2;--pa6:#636e74;--pa7:#162a32;--pa8:#3e464b;--pa9:#2d3438;--pa10:#132b35;--pa11:#0b232c;--pa12:176, 200, 212;--pa13:149, 159, 164;--pa14:#3a4246;--pa15:#293134;--pa16:#0e232c;--pa17:#577482;--pa18:#425b67;--pa19:#3a515b;--pa20:#abc1cc;--pa21:#223137;--pa22:#18252a;--pa23:#2c3539;--pa24:#7f898e;--pa25:#87a0ac;--pa26:#394246;--pa27:#1d2428;--pa28:#768187;--pa29:#353e42;--pa30:#0e2730;--pa31:#050d11;--pa32:#6b777c;--shg-hero-bg:linear-gradient(150deg, #080f12 0%, #131d22 100%);--shg-hero-line:#374f59}
/* everest - Everest Sky */
:root[data-palette="everest"][data-theme="light"]{--md-primary:#006590;--md-on-primary:#fff;--md-primary-container:#cae6ff;--md-on-primary-container:#001e2f;--md-secondary:#4a6174;--md-secondary-container:#cde6fc;--md-on-secondary-container:#021e2e;--md-tertiary:#6e557c;--md-tertiary-container:#f2daff;--md-on-tertiary-container:#271235;--md-surface:#f5faff;--md-surface-container-lowest:#fff;--md-surface-container-low:#ecf5fd;--md-surface-container:#e6eff7;--md-surface-container-high:#e1e9f1;--md-surface-container-highest:#dbe3eb;--md-on-surface:#161c22;--md-on-surface-variant:#3b4854;--md-outline:#6b7985;--md-outline-variant:#b9c8d6;--royal-strong:#004c6d;--royal-tint:#eaf5ff;--navy:#003953;--on-navy-muted:#c7def2;--page:#ecf5fd;--surface-sunken:#f5faff;--surface-hover:#e5eff9;--line:#d8e7f6;--line-strong:#c5d7e6;--line-control:#6b7e90;--ink:#11212d;--ink-2:#2a3e4d;--muted:#506373;--pl1:#f1f6fc;--pl2:#d2dfea;--pl3:#e4edf5;--pl4:#b4c7d9;--pl5:#d0dde9;--pl6:#bfd0e0;--pl7:#b0c5d7;--pl8:#a1b8cd;--pl9:0, 55, 80;--pl10:#bdcede;--pl11:#abc0d3;--pl12:#0074a5;--pl13:#005b83;--pl14:#005276;--pl15:#0089c2;--pl16:#004565;--pl17:#003c58;--pl18:#00324a;--pl19:0, 29, 46;--pl20:0, 61, 89;--pl21:#f0f5fb;--pl22:#b3c5d6;--pl23:#c2d2e1;--pl24:#adc2d5;--pl25:#c9d7e4;--pl26:#003852;--pl27:#002c42;--pl28:#006e9d;--pl29:#f5f8fc;--pl30:#768c9f;--pl31:#e2ebf3;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #003953 0%, #004c6d 52%, #006590 100%);--shg-hero-line:#00567b}
:root[data-palette="everest"][data-theme="dark"]{--md-primary:#8bceff;--md-on-primary:#00344d;--md-primary-container:#004c6d;--md-on-primary-container:#cae6ff;--md-secondary:#b1c9df;--md-secondary-container:#32495b;--md-on-secondary-container:#cde6fc;--md-tertiary:#d9bce9;--md-tertiary-container:#553d63;--md-on-tertiary-container:#f2daff;--md-surface:#0d141a;--md-surface-container-lowest:#060f16;--md-surface-container-low:#161c22;--md-surface-container:#1a2026;--md-surface-container-high:#242b31;--md-surface-container-highest:#2f363c;--md-on-surface:#dbe3eb;--md-on-surface-variant:#b9c8d6;--md-outline:#8492a0;--md-outline-variant:#3b4854;--royal-strong:#cae6ff;--royal-soft:#003d5a;--royal-tint:#032b40;--navy:#001e2f;--on-navy-muted:#b8d5ee;--page:#0b141b;--surface:#172129;--surface-sunken:#121a21;--surface-hover:#202b35;--line:#273643;--line-strong:#354655;--line-control:#728697;--ink:#e5ecf2;--ink-2:#c9d6e3;--muted:#a2b3c2;--pd1:#00324a;--pd2:#002437;--pd3:#001f2f;--pd4:#003b57;--pd5:#2f6b91;--pd6:#164d6c;--pd7:#001623;--pd8:#002f45;--pd9:#00263a;--pd10:#001d2e;--pd11:#001521;--pd12:146, 200, 241;--pd13:#002c42;--pd14:#002335;--pd15:#001928;--pd16:#6ab8ed;--pd17:#1ba2e2;--pd18:#0095d2;--pd19:#01141f;--pd20:#a0cef4;--pd21:#0076a8;--pd22:#00638d;--pd23:#004e70;--pd24:0, 35, 53;--pd25:#00344c;--pd26:#00273b;--pd27:#205575;--pd28:#001e2e;--pd29:#012d43;--pd30:#002031;--pd31:#62b4eb;--pd32:#001522;--pd33:#618099;--pd34:#123448;--pd35:0, 108, 154;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #001e2f 0%, #002b40 60%, #003d5a 100%);--shg-hero-line:#354655}
:root[data-palette="everest"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#060f16;--md-surface-container:#10181f;--md-surface-container-high:#19232b;--md-surface-container-highest:#222d37;--md-on-surface:#e9eef3;--md-outline-variant:#323f4b;--royal-strong:#bee1ff;--royal-soft:#002d44;--royal-tint:#001c2c;--on-royal:#000d16;--navy:#00101a;--on-navy-muted:#bcd5eb;--surface:#0f1920;--surface-sunken:#070f15;--surface-hover:#19252e;--line:#2e3d4a;--line-strong:#3c4d5c;--line-control:#66798a;--ink:#eff4f9;--ink-2:#d4dee8;--muted:#adbecd;--focus:#b2dcff;--pa1:#193344;--pa2:#0e2533;--pa3:#0d1921;--pa4:#2a485d;--pa5:#839fb7;--pa6:#4e708b;--pa7:#162937;--pa8:#2b485d;--pa9:#1b3648;--pa10:#122b3b;--pa11:#092231;--pa12:176, 199, 219;--pa13:131, 161, 187;--pa14:#284458;--pa15:#163244;--pa16:#0c2331;--pa17:#07a;--pa18:#005e86;--pa19:#005378;--pa20:#7cc6fa;--pa21:#00324a;--pa22:#002639;--pa23:#193649;--pa24:#6d8ba4;--pa25:#879fb4;--pa26:#244359;--pa27:#082537;--pa28:#62839e;--pa29:#213f54;--pa30:#0c2636;--pa31:#050d13;--pa32:#557994;--shg-hero-bg:linear-gradient(150deg, #00101a 0%, #001e2f 100%);--shg-hero-line:#3c4d5c}
/* terracotta - Bhaktapur Brick */
:root[data-palette="terracotta"][data-theme="light"]{--md-primary:#a43d1b;--md-on-primary:#fff;--md-primary-container:#ffdbcf;--md-on-primary-container:#331200;--md-secondary:#76574c;--md-secondary-container:#ffdbcf;--md-on-secondary-container:#2e1509;--md-tertiary:#006878;--md-tertiary-container:#a5eeff;--md-on-tertiary-container:#001f25;--md-surface:#fff8f5;--md-surface-container-lowest:#fff;--md-surface-container-low:#fef1ed;--md-surface-container:#f8ebe7;--md-surface-container-high:#f2e6e1;--md-surface-container-highest:#ece0dc;--md-on-surface:#221a17;--md-on-surface-variant:#54433d;--md-outline:#86736c;--md-outline-variant:#d7c2bb;--royal-strong:#862203;--royal-tint:#fff1ec;--navy:#651a00;--on-navy-muted:#f2d4c9;--page:#fef1ed;--surface-sunken:#fff8f5;--surface-hover:#faebe6;--line:#f7e1d9;--line-strong:#e7cfc7;--line-control:#90776e;--ink:#2c1c16;--ink-2:#4c362f;--muted:#745b53;--pl1:#fcf4f1;--pl2:#ecdad3;--pl3:#f6e9e5;--pl4:#dabfb6;--pl5:#ebd7d1;--pl6:#e2c9c1;--pl7:#d8bcb3;--pl8:#ceaea4;--pl9:98, 25, 0;--pl10:#dfc7bf;--pl11:#d4b7ad;--pl12:#b94924;--pl13:#993312;--pl14:#8a2c0f;--pl15:#cb623e;--pl16:#7d1e00;--pl17:#6c1b00;--pl18:#591800;--pl19:50, 17, 0;--pl20:110, 27, 0;--pl21:#fbf3f0;--pl22:#d7beb5;--pl23:#e3cbc4;--pl24:#d6b9af;--pl25:#e6d1ca;--pl26:#641a00;--pl27:#4f1600;--pl28:#b3431e;--pl29:#fcf7f5;--pl30:#a08379;--pl31:#f4e7e3;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #651a00 0%, #7f2a0f 52%, #a43d1b 100%);--shg-hero-line:#813c24}
:root[data-palette="terracotta"][data-theme="dark"]{--md-primary:#ffb59b;--md-on-primary:#5d1800;--md-primary-container:#862203;--md-on-primary-container:#ffdbcf;--md-secondary:#e4bfb2;--md-secondary-container:#5d4036;--md-on-secondary-container:#ffdbcf;--md-tertiary:#82d2e5;--md-tertiary-container:#004e5b;--md-on-tertiary-container:#a5eeff;--md-surface:#1b110d;--md-surface-container-lowest:#170b06;--md-surface-container-low:#221a17;--md-surface-container:#261e1b;--md-surface-container-high:#312825;--md-surface-container-highest:#3c3330;--md-on-surface:#ece0dc;--md-on-surface-variant:#d7c2bb;--md-outline:#a08c86;--md-outline-variant:#54433d;--royal-strong:#ffdbcf;--royal-soft:#5c2b1b;--royal-tint:#3f1f14;--navy:#301406;--on-navy-muted:#efcabd;--page:#1c110c;--surface:#291d19;--surface-sunken:#211714;--surface-hover:#352722;--line:#43312b;--line-strong:#544039;--line-control:#987e75;--ink:#f3e9e6;--ink-2:#e4d0ca;--muted:#c3aca4;--pd1:#4a2316;--pd2:#37190d;--pd3:#301508;--pd4:#572b1c;--pd5:#925642;--pd6:#6d3c2b;--pd7:#250e00;--pd8:#452215;--pd9:#391b10;--pd10:#2e1407;--pd11:#220e01;--pd12:246, 178, 154;--pd13:#422014;--pd14:#35180c;--pd15:#281104;--pd16:#f09b7d;--pd17:#e17d5b;--pd18:#d2714f;--pd19:#200d02;--pd20:#f9bba5;--pd21:#b15435;--pd22:#974428;--pd23:#7b3219;--pd24:60, 19, 0;--pd25:#4c2518;--pd26:#3c1b0f;--pd27:#764332;--pd28:#2f1406;--pd29:#432115;--pd30:#321509;--pd31:#ee9678;--pd32:#230d00;--pd33:#9c7364;--pd34:#49281d;--pd35:162, 76, 47;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #301406 0%, #441c0d 60%, #602816 100%);--shg-hero-line:#544039}
:root[data-palette="terracotta"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#170b06;--md-surface-container:#1f1511;--md-surface-container-high:#2b1f1b;--md-surface-container-highest:#372924;--md-on-surface:#f4ecea;--md-outline-variant:#4b3a34;--royal-strong:#ffd3c5;--royal-soft:#471e10;--royal-tint:#2c1306;--on-royal:#170700;--navy:#1b0a01;--on-navy-muted:#eccbbf;--surface:#201510;--surface-sunken:#150c08;--surface-hover:#2e211c;--line:#4a3731;--line-strong:#5c473f;--line-control:#8b7269;--ink:#faf2ef;--ink-2:#e9dad5;--muted:#ceb7af;--focus:#ffccba;--pa1:#45291f;--pa2:#321d16;--pa3:#21140f;--pa4:#5f3c31;--pa5:#bb9385;--pa6:#8d6254;--pa7:#36231c;--pa8:#5f3d31;--pa9:#492c22;--pa10:#3a231b;--pa11:#301a13;--pa12:220, 190, 179;--pa13:191, 148, 133;--pa14:#5a392e;--pa15:#45281e;--pa16:#301c15;--pa17:#b55231;--pa18:#923e22;--pa19:#82361d;--pa20:#fea98b;--pa21:#511f0f;--pa22:#401603;--pa23:#4a2c21;--pa24:#a87e70;--pa25:#b5958b;--pa26:#5a382c;--pa27:#371c12;--pa28:#a17566;--pa29:#553428;--pa30:#351e16;--pa31:#140905;--pa32:#986a5a;--shg-hero-bg:linear-gradient(150deg, #1b0a01 0%, #311303 100%);--shg-hero-line:#5c473f}
/* peacock - Peacock */
:root[data-palette="peacock"][data-theme="light"]{--md-primary:#006b5c;--md-on-primary:#fff;--md-primary-container:#6bf9de;--md-on-primary-container:#00201b;--md-secondary:#43655d;--md-secondary-container:#c5eae1;--md-on-secondary-container:#00201b;--md-tertiary:#495c94;--md-tertiary-container:#dce1ff;--md-on-tertiary-container:#001b3f;--md-surface:#effcf9;--md-surface-container-lowest:#fff;--md-surface-container-low:#e9f6f3;--md-surface-container:#e3f1ed;--md-surface-container-high:#deebe7;--md-surface-container-highest:#d8e5e2;--md-on-surface:#141d1b;--md-on-surface-variant:#374b46;--md-outline:#667b76;--md-outline-variant:#b4cbc5;--royal-strong:#005145;--royal-tint:#c7fff1;--navy:#003c33;--on-navy-muted:#bfe1d9;--page:#e9f6f3;--surface-sunken:#f1fcf9;--surface-hover:#e1f1ed;--line:#d3eae4;--line-strong:#c0dad3;--line-control:#65827b;--ink:#0e231f;--ink-2:#25403a;--muted:#4a6660;--pl1:#eff8f5;--pl2:#cfe1dc;--pl3:#e1eeeb;--pl4:#aecbc4;--pl5:#cce0da;--pl6:#bad4cd;--pl7:#abc8c1;--pl8:#9abcb4;--pl9:0, 58, 49;--pl10:#b8d2cb;--pl11:#a5c4bc;--pl12:#007b6a;--pl13:#006153;--pl14:#00574a;--pl15:#00917d;--pl16:#004a3f;--pl17:#004037;--pl18:#00352d;--pl19:0, 32, 26;--pl20:0, 65, 55;--pl21:#eef7f4;--pl22:#aec9c2;--pl23:#bdd5cf;--pl24:#a7c6be;--pl25:#c4dad4;--pl26:#003c33;--pl27:#003028;--pl28:#007565;--pl29:#f4f9f8;--pl30:#709088;--pl31:#dfece9;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #003c33 0%, #005145 52%, #006b5c 100%);--shg-hero-line:#005b4e}
:root[data-palette="peacock"][data-theme="dark"]{--md-primary:#49dcc2;--md-on-primary:#00382f;--md-primary-container:#005145;--md-on-primary-container:#6bf9de;--md-secondary:#a9cec5;--md-secondary-container:#2c4d46;--md-on-secondary-container:#c5eae1;--md-tertiary:#b6c4ff;--md-tertiary-container:#2e457a;--md-on-tertiary-container:#dce1ff;--md-surface:#091613;--md-surface-container-lowest:#02110e;--md-surface-container-low:#141d1b;--md-surface-container:#18221f;--md-surface-container-high:#222c29;--md-surface-container-highest:#2c3734;--md-on-surface:#d8e5e2;--md-on-surface-variant:#b4cbc5;--md-outline:#7f9590;--md-outline-variant:#374b46;--royal-strong:#6bf9de;--royal-soft:#004137;--royal-tint:#052e27;--navy:#00201b;--on-navy-muted:#b0dad0;--page:#061613;--surface:#14221f;--surface-sunken:#101c19;--surface-hover:#1c2d29;--line:#233934;--line-strong:#304943;--line-control:#6c8a83;--ink:#e3edea;--ink-2:#c4d9d3;--muted:#9cb6af;--pd1:#00352d;--pd2:#012620;--pd3:#01211b;--pd4:#033f36;--pd5:#2e7164;--pd6:#185247;--pd7:#001813;--pd8:#04312a;--pd9:#032922;--pd10:#01201a;--pd11:#001712;--pd12:140, 206, 191;--pd13:#042f28;--pd14:#02251f;--pd15:#001c16;--pd16:#66c0ad;--pd17:#2aaa95;--pd18:#129d88;--pd19:#001611;--pd20:#9ad5c7;--pd21:#007e6c;--pd22:#00695a;--pd23:#005246;--pd24:0, 37, 31;--pd25:#03372e;--pd26:#002a23;--pd27:#205a4f;--pd28:#00201a;--pd29:#053029;--pd30:#01221c;--pd31:#5fbca9;--pd32:#001712;--pd33:#5c847b;--pd34:#123730;--pd35:0, 114, 98;--shg-hero-bg:radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(150deg, #00201b 0%, #002e27 60%, #004137 100%);--shg-hero-line:#304943}
:root[data-palette="peacock"][data-display="amoled"]{--md-surface:#000;--md-surface-container-lowest:#000;--md-surface-container-low:#02110e;--md-surface-container:#0d1a17;--md-surface-container-high:#162421;--md-surface-container-highest:#1f2f2b;--md-on-surface:#e8f0ed;--md-outline-variant:#2e413d;--royal-strong:#64f3d8;--royal-soft:#003029;--royal-tint:#001e19;--on-royal:#000e0a;--navy:#00110d;--on-navy-muted:#b4d9d0;--surface:#0b1a17;--surface-sunken:#04100e;--surface-hover:#162723;--line:#2a403b;--line-strong:#37504a;--line-control:#607d76;--ink:#edf5f3;--ink-2:#d0e0dc;--muted:#a7c1ba;--focus:#5deed3;--pa1:#17352f;--pa2:#0b2722;--pa3:#091a17;--pa4:#284b44;--pa5:#7ea39a;--pa6:#4a756b;--pa7:#122c26;--pa8:#294b44;--pa9:#193932;--pa10:#0e2d27;--pa11:#06241f;--pa12:170, 203, 195;--pa13:126, 165, 156;--pa14:#254740;--pa15:#15352e;--pa16:#092520;--pa17:#007f6d;--pa18:#006355;--pa19:#00584b;--pa20:#76cebb;--pa21:#00352d;--pa22:#002822;--pa23:#183932;--pa24:#688f86;--pa25:#81a39b;--pa26:#22473f;--pa27:#082822;--pa28:#5e887e;--pa29:#1f423b;--pa30:#092923;--pa31:#020e0b;--pa32:#517d73;--shg-hero-bg:linear-gradient(150deg, #00110d 0%, #00201b 100%);--shg-hero-line:#37504a}

/* ---------- 4. Pixel UI (html[data-ui="pixel"]) - Material 3 Expressive ----------
   Only tokens here: depth.css already paints every card, key and chip from
   --dp-*, so re-pointing those tokens turns the stacked slabs into soft tonal
   elevation without touching a single depth rule. */
:root[data-ui="pixel"] {
  --radius-xs: 10px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --md-r-card: 28px;
  --md-r-sheet: 28px;
  /* the shell's own motion tokens become springs */
  --m-spring: var(--md-spring);
  --m-snap: var(--md-ease-standard);
  --m-exit: var(--md-ease-emph-accel);
  --m-quick: 150ms;
  --m-base: 240ms;
  --m-slow: 380ms;
}
:root[data-ui="pixel"][data-theme] {
  --dp-press: 0px;
  --dp-press-sm: 0px;
  --dp-lift: 0px;
  --dp-t: 200ms;
  --dp-face: linear-gradient(var(--surface), var(--surface));
  --dp-border: var(--line);
  --dp-rim-top: var(--line);
  --dp-rim-left: var(--line);
  --dp-rim-bottom: rgba(0, 0, 0, 0);
  --dp-act-face: linear-gradient(var(--royal), var(--royal));
  --dp-act-ink: var(--on-royal);
  --dp-act-rim: var(--royal);
  --dp-on-face: linear-gradient(var(--royal), var(--royal));
  --dp-on-ink: var(--on-royal);
  --dp-btn-face: linear-gradient(var(--md-surface-container-low), var(--md-surface-container-low));
  --dp-btn-border: var(--md-outline-variant);
  --dp-btn: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-btn-pressed: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-chip: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-act-pressed: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-sunk: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-field-bg: var(--surface);
  --dp-field-border: var(--line-control);
  --dp-field: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-ground: none;
}
:root[data-ui="pixel"][data-theme="light"] {
  --dp-panel: 0 1px 2px rgba(15, 20, 35, .07), 0 6px 20px -6px rgba(15, 20, 35, .14);
  --dp-card: 0 1px 2px rgba(15, 20, 35, .06), 0 3px 10px -3px rgba(15, 20, 35, .10);
  --dp-sheet: 0 -1px 0 rgba(15, 20, 35, .05), 0 22px 48px -12px rgba(15, 20, 35, .30), 0 8px 18px rgba(15, 20, 35, .08);
  --dp-act: 0 1px 2px rgba(15, 20, 35, .14), 0 3px 10px -3px rgba(15, 20, 35, .24);
  --dp-chip-on: 0 1px 2px rgba(15, 20, 35, .14), 0 4px 10px -4px rgba(15, 20, 35, .26);
  --dp-bar: 0 2px 0 var(--red), 0 10px 22px -12px rgba(15, 20, 35, .55);
  --dp-bnav: 0 -1px 0 var(--line), 0 -8px 24px -14px rgba(15, 20, 35, .22);
}
:root[data-ui="pixel"][data-theme="dark"] {
  --dp-panel: 0 1px 2px rgba(0, 0, 0, .40), 0 8px 24px -8px rgba(0, 0, 0, .55);
  --dp-card: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 12px -4px rgba(0, 0, 0, .45);
  --dp-sheet: 0 -1px 0 rgba(255, 255, 255, .06), 0 24px 52px -10px rgba(0, 0, 0, .75);
  --dp-act: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 12px -4px rgba(0, 0, 0, .55);
  --dp-chip-on: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 10px -4px rgba(0, 0, 0, .55);
  --dp-bar: 0 2px 0 var(--red), 0 10px 22px -12px rgba(0, 0, 0, .8);
  --dp-bnav: 0 -1px 0 var(--line), 0 -10px 26px -14px rgba(0, 0, 0, .7);
  --dp-btn-face: linear-gradient(var(--md-surface-container-high), var(--md-surface-container-high));
}
/* AMOLED: shadows vanish on black, so a hairline rim does the lifting */
:root[data-ui="pixel"][data-display="amoled"] {
  --dp-panel: 0 0 0 1px var(--line);
  --dp-card: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-sheet: 0 -1px 0 var(--line-strong);
  --dp-act: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-chip-on: 0 0 0 0 rgba(0, 0, 0, 0);
  --dp-bar: 0 2px 0 var(--red);
  --dp-bnav: 0 -1px 0 var(--line);
  --dp-btn-face: linear-gradient(var(--md-surface-container), var(--md-surface-container));
}

/* ---------- 5. Less motion, chosen in the app (html[data-motion="reduced"]) ----------
   The same promise as prefers-reduced-motion everywhere else: nothing moves,
   nothing disappears, the static depth stays. JS-driven motion (WAAPI, rAF)
   asks window.shgReducedMotion() (03-accounts.js), which reads both. */
:root[data-motion="reduced"][data-theme] {
  --dp-lift: 0px;
  --dp-press: 0px;
  --dp-press-sm: 0px;
  --md-spring: var(--md-ease-standard);
  --md-spring-fast: var(--md-ease-standard);
  --md-spring-slow: var(--md-ease-standard);
  --m-spring: var(--md-ease-standard);
}
html:root[data-motion="reduced"] *, html:root[data-motion="reduced"] *::before, html:root[data-motion="reduced"] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
  scroll-behavior: auto !important;
}
html:root[data-motion="reduced"] { scroll-behavior: auto !important; }
:root[data-motion="reduced"] button:active, :root[data-motion="reduced"] .btn:active, :root[data-motion="reduced"] a:active,
:root[data-motion="reduced"] .seat:active, :root[data-motion="reduced"] .d-btn:active, :root[data-motion="reduced"] .sg-btn:active,
:root[data-motion="reduced"] .shg-depth-action:active { transform: none !important; }
:root[data-motion="reduced"] .search-card .d-btn.on, :root[data-motion="reduced"] #view-seats .seat.sel,
:root[data-motion="reduced"] .deck-tabs .deck-tab.on, :root[data-motion="reduced"] .mm-display-opts button.on,
:root[data-motion="reduced"] .bottom-nav .bn-item.on .bi, :root[data-motion="reduced"] .pm-tab.on,
:root[data-motion="reduced"] .search-card .dir-pill.on { transform: none !important; }
:root[data-motion="reduced"] .view.active { animation: none !important; }
:root[data-motion="reduced"] .shg-animation .sa-scene * { animation: none !important; transition: none !important; }

/* ---------- 6. Pixel UI rules tokens cannot express ----------
   Prefixed :root[data-ui="pixel"][data-theme] (0,3,0) so each beats the depth
   rule it mirrors (up to 0,5,0 + !important) without depending on load order. */
/* pill keys (M3 Expressive buttons are fully round) */
:root[data-ui="pixel"][data-theme] .search-card .btn-search,
:root[data-ui="pixel"][data-theme] .btn-orange,
:root[data-ui="pixel"][data-theme] .btn-primary,
:root[data-ui="pixel"][data-theme] .btn-blue,
:root[data-ui="pixel"][data-theme] .btn-ghost,
:root[data-ui="pixel"][data-theme] .qt-go,
:root[data-ui="pixel"][data-theme] .sg-btn,
:root[data-ui="pixel"][data-theme] .flow-actions .btn,
:root[data-ui="pixel"][data-theme] #seatBackBtn,
:root[data-ui="pixel"][data-theme] #seatAutoPick { border-radius: var(--md-r-pill) !important; }
:root[data-ui="pixel"][data-theme] #ticketCard .tk2-actions > .btn { border-radius: var(--radius-lg) !important; }
/* the keys settle with a spring after a press */
:root[data-ui="pixel"][data-theme] .search-card .btn-search, :root[data-ui="pixel"][data-theme] .btn-orange,
:root[data-ui="pixel"][data-theme] .btn-blue, :root[data-ui="pixel"][data-theme] .btn-primary,
:root[data-ui="pixel"][data-theme] .qt-go, :root[data-ui="pixel"][data-theme] .sg-btn--primary,
:root[data-ui="pixel"][data-theme] .btn-ghost, :root[data-ui="pixel"][data-theme] #seatBackBtn,
:root[data-ui="pixel"][data-theme] #seatAutoPick, :root[data-ui="pixel"][data-theme] .sg-btn--secondary,
:root[data-ui="pixel"][data-theme] .search-card .d-btn, :root[data-ui="pixel"][data-theme] .tier-pill,
:root[data-ui="pixel"][data-theme] .pref-chip, :root[data-ui="pixel"][data-theme] .seat-count-picker .scp-n,
:root[data-ui="pixel"][data-theme] .deck-tabs .deck-tab, :root[data-ui="pixel"][data-theme] .my-tabs .my-tab,
:root[data-ui="pixel"][data-theme] .mm-display-opts button, :root[data-ui="pixel"][data-theme] .seat-quick .sq-g button {
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast), box-shadow var(--md-dur-short) var(--md-ease-standard),
              background-color var(--md-dur-short) var(--md-ease-standard), filter var(--md-dur-short) var(--md-ease-standard) !important;
}
:root[data-ui="pixel"][data-theme] #view-seats .seat {
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast), box-shadow var(--md-dur-short) var(--md-ease-standard),
              background-color .15s, border-color .15s !important;
}
/* press: a small spring squash instead of travelling into an edge (never under reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .search-card .btn-search:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .btn-orange:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .btn-blue:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .btn-primary:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .qt-go:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .sg-btn--primary:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .next-trip:active:not(:disabled):not([aria-disabled="true"]),
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .flow-actions .btn-orange:active:not(:disabled):not([aria-disabled="true"]) {
    transform: scale(.96) !important;
    filter: brightness(.94);
  }
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .btn-ghost:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] #seatBackBtn:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] #seatAutoPick:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .sg-btn--secondary:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .deck-tabs .deck-tab:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .seat-count-picker .scp-n:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .pref-chip:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .tier-pill:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .seat-quick .sq-g button:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .my-tabs .my-tab:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .search-card .d-btn:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .search-card .dir-pill:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .booking-type-toggle .bt-pill:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .mm-display-opts button:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .shg-depth-action:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .topbar .lang-btn:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .topbar .theme-btn:active,
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] .pm-tabs .pm-tab:active {
    transform: scale(.95) !important;
  }
  :root[data-ui="pixel"]:not([data-motion="reduced"])[data-theme] #view-seats .seat:not(:disabled):active { transform: scale(.92) !important; }
}
/* the chosen direction / booking type: a tonal pill, no slab */
:root[data-ui="pixel"][data-theme] .search-card .dir-pill.on,
:root[data-ui="pixel"][data-theme] .booking-type-toggle .bt-pill.on,
:root[data-ui="pixel"][data-theme] .sg-seg__item[aria-selected="true"],
:root[data-ui="pixel"][data-theme] .sg-seg__item[aria-pressed="true"] {
  background: var(--surface) !important;
  border-color: var(--royal) !important;
  box-shadow: var(--dp-chip-on) !important;
  transform: none !important;
}
:root[data-ui="pixel"][data-theme] .search-card .dir-toggle,
:root[data-ui="pixel"][data-theme] .booking-type-toggle,
:root[data-ui="pixel"][data-theme] .sg-seg,
:root[data-ui="pixel"][data-theme] .seat-count-picker { background: var(--md-surface-container) !important; border-color: transparent !important; }
:root[data-ui="pixel"][data-display="amoled"] .search-card .dir-pill.on,
:root[data-ui="pixel"][data-display="amoled"] .booking-type-toggle .bt-pill.on { background: var(--md-surface-container-highest) !important; }
/* bottom bar: the M3 navigation indicator - a pill that springs open under the icon */
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item .bi {
  width: 36px;
  transition: width var(--md-dur-spring-fast) var(--md-spring-fast), background-color var(--md-dur-medium) var(--md-ease-standard);
}
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.on .bi {
  width: 60px;
  background: var(--md-primary-container) !important;
  color: var(--md-on-primary-container) !important;
  box-shadow: none !important;
  transform: none !important;
}
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.on .bi .ic,
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.on .bi svg { color: var(--md-on-primary-container) !important; }
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.on { color: var(--md-on-surface) !important; }
/* BOOK stays the filled key - an M3 FAB: rounded square, soft shadow */
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.bn-primary .bi {
  width: 56px;
  border-radius: 16px;
  background: var(--royal) !important;
  color: var(--on-royal) !important;
  box-shadow: var(--dp-act) !important;
}
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.bn-primary .bi .ic,
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.bn-primary .bi svg { color: var(--on-royal) !important; }
:root[data-ui="pixel"][data-theme] .bottom-nav .bn-item.bn-primary { color: var(--royal) !important; }
/* the phone menu reads as a sheet hanging from the app bar */
:root[data-ui="pixel"][data-theme] .mobile-menu { border-radius: 0 0 var(--md-r-sheet) var(--md-r-sheet); }
:root[data-ui="pixel"][data-theme] .mobile-menu a { border-radius: var(--md-r-pill); }
/* M3 switch: the knob grows and carries a tick when ON (state never rests on position alone) */
:root[data-ui="pixel"][data-theme] .feel-sw {
  width: 52px; height: 32px; min-height: 32px !important; padding: 0;
  background: var(--md-surface-container-highest) !important;
  border: 2px solid var(--md-outline);
  box-shadow: none;
  transition: background-color var(--md-dur-short) var(--md-ease-standard), border-color var(--md-dur-short) var(--md-ease-standard);
}
:root[data-ui="pixel"][data-theme] .feel-sw::after {
  top: 6px; left: 6px; width: 16px; height: 16px;
  background: var(--md-outline);
  box-shadow: none !important;
  display: grid; place-items: center;
  font: 800 12px/1 var(--font-sans); color: var(--royal);
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast), width var(--md-dur-short) var(--md-ease-standard),
              height var(--md-dur-short) var(--md-ease-standard), top var(--md-dur-short) var(--md-ease-standard),
              left var(--md-dur-short) var(--md-ease-standard), background-color var(--md-dur-short) var(--md-ease-standard);
}
:root[data-ui="pixel"][data-theme] .feel-sw.on { background: var(--royal) !important; border-color: var(--royal); }
:root[data-ui="pixel"][data-theme] .feel-sw.on::after {
  content: "\2713"; top: 2px; left: 2px; width: 24px; height: 24px;
  background: var(--on-royal);
  transform: translateX(20px);
}

/* ---------- 7. The brand hero card follows the palette ----------
   (--shg-hero-bg / --shg-hero-line are set per palette and mode above; with
   no palette the hero keeps its brand gradient from depth.css) */
/* 0,5,0: beats depth.css's dark / AMOLED hero rules (0,4,0, loaded later) */
:root[data-palette][data-theme] .home-hero .hh-card { background: var(--shg-hero-bg); border-color: var(--shg-hero-line); }
:root[data-palette][data-theme] .home-hero .hh-tag { color: var(--on-navy-muted); }
/* a few depth rules carry the brand blue as literal slab colours: re-point them */
:root[data-palette][data-theme] .bottom-nav .bn-item.bn-primary .bi { box-shadow: var(--dp-act) !important; }
:root[data-palette][data-theme] .legend .lg.sel { box-shadow: var(--dp-chip-on) !important; }
:root[data-palette][data-theme] .ai-msg.user { box-shadow: var(--dp-card) !important; }
/* 10 Oct 2026 (brand looks): on AMOLED a few depth.css rules paint the strips
   around the home page - the top app bar, footer, flow head, phone menu,
   five-tab bar, the hero's keys, the language pop - in the BRAND's blue-black
   as literals (#050B16 / #101822 / #33465F). Under a palette they take the
   palette's own navy / surface / line, so goldenorange stays warm and
   professional stays mist-blue on a black screen. The light + dark strips
   already read the tokens (redesign.css: .nav / .flow-head / footer = --navy,
   .topbar / .divine-bar / .bottom-nav = --surface*, --line) and need nothing
   here. 0,4,0 (0,3,1 for footer): beats depth.css's 0,3,0 / 0,2,1 + !important
   whatever the load order. The footer's red top rule and the .nav's red
   bottom rule (brand red) are not touched. The animated scenes (.sa-scene)
   and the AI chat head keep their own night-sky / blue colours: they are the
   same in light and dark under every palette, so they are not strips.
   (Review fix, 10 Oct: .nav / .nav.scrolled were missing from this list.) */
:root[data-palette][data-display="amoled"] .nav, :root[data-palette][data-display="amoled"] .nav.scrolled,
:root[data-palette][data-display="amoled"] footer,
:root[data-palette][data-display="amoled"] .flow-head { background: var(--navy) !important; }
:root[data-palette][data-display="amoled"] .mobile-menu { background: var(--navy) !important; border-color: var(--line-strong) !important; }
:root[data-palette][data-display="amoled"] .bottom-nav { background: var(--surface-sunken) !important; border-top-color: var(--line-strong) !important; }
:root[data-palette][data-display="amoled"] .home-hero .hh-act:not(.hh-book) { background: var(--surface) !important; border-color: var(--line-strong) !important; border-top-color: var(--line-control) !important; }
:root[data-palette][data-display="amoled"] .home-more-btn, :root[data-palette][data-display="amoled"] .mybk-card { background-color: var(--surface) !important; }
:root[data-palette][data-display="amoled"] .lang-mini-pop { background: var(--surface) !important; border-color: var(--line-strong) !important; }
/* Review fix (10 Oct): the home facilities list is a panel too (depth.css paints
   it #101822 / #33465F on AMOLED), so it takes the palette's surface + line like
   the hero keys beside it. The AI chat head is deliberately NOT here: it reads
   the brand --blue tokens (views.css) in light and dark too, under every palette. */
:root[data-palette][data-display="amoled"] .home-feat .hf-list { background: var(--surface) !important; border-color: var(--line-strong) !important; }

/* ---------- 8. Appearance: entry points + the bottom sheet (03-accounts.js) ---------- */
/* computer: the topbar's colour button (hidden since the Oct redesign) opens the sheet */
html .topbar .palette-wrap { display: inline-flex !important; }
.topbar .palette-btn {
  min-height: 32px; min-width: 36px; padding: 0 8px; cursor: pointer;
  border: 1px solid var(--line-control); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink);
  font-size: 15px; line-height: 1;
}
.topbar .palette-btn:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.topbar .palette-pop { display: none !important; }
/* phone menu row */
.mobile-menu .mm-appear {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; margin: 8px 0 2px; padding: 8px 12px;
  border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--md-surface-container-low); color: var(--ink);
  font: 700 14px/18px var(--font-sans); text-align: left; cursor: pointer; touch-action: manipulation;
}
.mobile-menu .mm-appear .mm-ap-dots { display: inline-flex; flex: none; }
.mobile-menu .mm-appear .mm-ap-dots i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--surface); margin-left: -6px; }
.mobile-menu .mm-appear .mm-ap-dots i:first-child { margin-left: 0; }
.mobile-menu .mm-appear .mm-ap-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.mobile-menu .mm-appear .mm-ap-txt small { font: 600 12px/16px var(--font-sans); color: var(--muted); }
.mobile-menu .mm-appear .mm-ap-go { flex: none; color: var(--muted); font-size: 18px; }
.mobile-menu .mm-appear:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }

/* the sheet */
.shg-ap-scrim {
  position: fixed; inset: 0; z-index: 140; background: var(--scrim, rgba(11, 18, 32, .55));
  opacity: 0; transition: opacity var(--md-dur-medium) var(--md-ease-standard);
}
.shg-ap-scrim.open { opacity: 1; }
.shg-ap {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 141;
  max-height: 90vh; max-height: 90dvh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  background: var(--page); color: var(--md-on-surface);
  border-radius: 28px 28px 0 0; border-top: 1px solid var(--line);
  padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -12px 40px rgba(0, 0, 0, .22);
  transform: translateY(104%);
  transition: transform var(--md-dur-spring) var(--md-spring);
  font-family: var(--font-sans);
}
.shg-ap.open { transform: none; }
.shg-ap.closing { transition: transform var(--md-dur-medium) var(--md-ease-emph-accel); }
@media (min-width: 680px) {
  .shg-ap { left: 50%; right: auto; bottom: 24px; width: min(600px, calc(100% - 48px)); border-radius: 28px; border: 1px solid var(--line);
    transform: translate(-50%, calc(100% + 40px)); }
  .shg-ap.open { transform: translate(-50%, 0); }
}
.shg-ap:focus { outline: none; }
.shg-ap .ap-handle { display: block; width: 32px; height: 4px; border-radius: 2px; background: var(--md-outline); opacity: .5; margin: 10px auto 2px; }
.shg-ap .ap-head {
  position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 8px 0 10px;
  background: var(--page);
}
.shg-ap .ap-head h2 { flex: 1 1 auto; margin: 0; font: 800 20px/26px var(--font-sans); color: var(--md-on-surface); }
.shg-ap .ap-head h2 small { display: block; font: 600 13px/18px var(--font-sans); color: var(--md-on-surface-variant); }
.shg-ap .ap-x {
  flex: none; width: 44px; height: 44px; border-radius: 50%; border: 0; display: grid; place-items: center; cursor: pointer;
  background: var(--md-surface-container-high); color: var(--md-on-surface); font: 700 18px/1 var(--font-sans);
}
.shg-ap .ap-sec { margin: 4px 0 0; padding: 14px 14px 16px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); }
.shg-ap .ap-sec + .ap-sec { margin-top: 10px; }
.shg-ap .ap-sec h3 { margin: 0 0 10px; display: flex; align-items: center; gap: 8px; font: 800 15px/20px var(--font-sans); color: var(--md-on-surface); }
.shg-ap .ap-sec h3 span { font: 600 12.5px/16px var(--font-sans); color: var(--md-on-surface-variant); margin-left: auto; }
/* segmented choices (display, style, motion, sound pack) */
.shg-ap .ap-seg { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 8px; }
.shg-ap .ap-opt {
  position: relative; min-height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  padding: 8px 6px; border-radius: 18px; border: 1.5px solid var(--md-outline-variant); background: var(--md-surface-container-low); color: var(--md-on-surface);
  font: 700 13.5px/17px var(--font-sans); cursor: pointer; touch-action: manipulation; text-align: center;
  transition: background-color var(--md-dur-short) var(--md-ease-standard), border-color var(--md-dur-short) var(--md-ease-standard),
              border-radius var(--md-dur-spring-fast) var(--md-spring-fast), transform var(--md-dur-spring-fast) var(--md-spring-fast);
}
.shg-ap .ap-opt b { font-size: 18px; line-height: 22px; font-weight: 400; }
.shg-ap .ap-opt small { font: 600 12px/15px var(--font-sans); color: var(--md-on-surface-variant); }
.shg-ap .ap-opt[aria-checked="true"] {
  background: var(--md-primary-container); color: var(--md-on-primary-container); border-color: var(--md-primary); border-radius: 26px;
}
.shg-ap .ap-opt[aria-checked="true"] small { color: inherit; opacity: .9; }
.shg-ap .ap-opt:active { transform: scale(.96); }
/* colour swatches - Pixel's tri-tone wallpaper circles */
.shg-ap .ap-sw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 10px 6px; }
.shg-ap .ap-sw {
  display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 92px; padding: 6px 2px 4px;
  border: 0; border-radius: 18px; background: transparent; color: var(--md-on-surface); cursor: pointer; touch-action: manipulation;
  font: 600 12px/15px var(--font-sans); text-align: center;
}
.shg-ap .ap-dot {
  position: relative; display: block; width: 56px; height: 56px; border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .10);
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast), border-radius var(--md-dur-spring-fast) var(--md-spring-fast);
}
.shg-ap .ap-sw[aria-checked="true"] .ap-dot { border-radius: 18px; transform: scale(1.04); box-shadow: 0 0 0 3px var(--surface), 0 0 0 5px var(--md-primary); }
.shg-ap .ap-sw[aria-checked="true"] .ap-dot::after {
  content: "\2713"; position: absolute; inset: 0; margin: auto; width: 26px; height: 26px; border-radius: 50%;
  display: grid; place-items: center; background: var(--surface); color: var(--ink); font: 800 15px/1 var(--font-sans);
}
.shg-ap .ap-sw[aria-checked="true"] .ap-nm { font-weight: 800; }
.shg-ap .ap-sw:active .ap-dot { transform: scale(.92); }
/* the brand look leads the grid as one wide row */
.shg-ap .ap-sw.ap-sw-brand {
  grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; gap: 14px; min-height: 76px; padding: 10px 14px;
  border: 1px solid var(--line); border-radius: 22px; background: var(--md-surface-container-low); text-align: left;
}
.shg-ap .ap-sw.ap-sw-brand .ap-dot { flex: none; width: 50px; height: 50px; }
.shg-ap .ap-sw.ap-sw-brand .ap-nm { display: flex; flex-direction: column; gap: 2px; font: 800 14.5px/19px var(--font-sans); }
.shg-ap .ap-sw.ap-sw-brand .ap-nm small { font: 600 12px/16px var(--font-sans); color: var(--md-on-surface-variant); }
.shg-ap .ap-sw.ap-sw-brand[aria-checked="true"] { border-color: var(--md-primary); background: var(--md-primary-container); color: var(--md-on-primary-container); }
.shg-ap .ap-sw.ap-sw-brand[aria-checked="true"] .ap-nm small { color: inherit; opacity: .85; }
/* 10 Oct 2026: the two group labels in the colour section ("Brand looks" above
   S Hari + the three hand-tuned looks, "More colours" above the Material You
   palettes). Each label names its own radiogroup (aria-labelledby), so a
   screen reader hears the grouping too; it sits between the two grids. */
.shg-ap .ap-grp {
  display: block; margin: 10px 2px 4px; font: 800 12px/16px var(--font-sans); letter-spacing: .04em;
  color: var(--md-on-surface-variant);
}
.shg-ap h3 + .ap-grp { margin-top: 2px; }
/* style previews: a tiny Pixel card next to a tiny 3D card */
.shg-ap .ap-prev { display: block; width: 72px; height: 34px; margin: 2px auto 4px; position: relative; }
.shg-ap .ap-prev i { position: absolute; display: block; }
.shg-ap .ap-prev.px i:nth-child(1) { inset: 0 10px 8px 0; border-radius: 12px; background: var(--md-surface-container-high); box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
.shg-ap .ap-prev.px i:nth-child(2) { right: 0; bottom: 0; width: 34px; height: 16px; border-radius: 999px; background: var(--royal); }
.shg-ap .ap-prev.cl i:nth-child(1) { inset: 0 10px 8px 0; border-radius: 6px; background: var(--surface); border: 1px solid var(--line-strong); box-shadow: 0 2px 0 var(--line-strong), 0 4px 0 var(--line-control); }
.shg-ap .ap-prev.cl i:nth-child(2) { right: 0; bottom: 2px; width: 34px; height: 14px; border-radius: 5px; background: var(--royal); box-shadow: 0 2px 0 var(--royal-strong), 0 3px 0 var(--navy); }
/* switch rows */
.shg-ap .ap-row { display: flex; align-items: center; gap: 12px; min-height: 52px; }
.shg-ap .ap-row + .ap-row, .shg-ap .ap-seg + .ap-row, .shg-ap .ap-row + .ap-seg { margin-top: 8px; }
.shg-ap .ap-row .ap-lbl { flex: 1 1 auto; min-width: 0; font: 700 14.5px/19px var(--font-sans); color: var(--md-on-surface); }
.shg-ap .ap-row .ap-lbl small { display: block; font: 600 12px/16px var(--font-sans); color: var(--md-on-surface-variant); }
.shg-ap .ap-sw-toggle {
  position: relative; flex: none; width: 52px; height: 32px; min-width: 0; min-height: 0 !important; border-radius: 999px; cursor: pointer; padding: 0;
  border: 2px solid var(--md-outline); background: var(--md-surface-container-highest);
  transition: background-color var(--md-dur-short) var(--md-ease-standard), border-color var(--md-dur-short) var(--md-ease-standard);
}
.shg-ap .ap-sw-toggle::before { content: ""; position: absolute; inset: -10px -6px; }   /* a 48px finger target around the 32px track */
.shg-ap .ap-sw-toggle::after {
  content: ""; position: absolute; top: 6px; left: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--md-outline);
  display: grid; place-items: center; font: 800 12px/1 var(--font-sans); color: var(--royal);
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast), width var(--md-dur-short), height var(--md-dur-short),
              top var(--md-dur-short), left var(--md-dur-short), background-color var(--md-dur-short);
}
.shg-ap .ap-sw-toggle[aria-checked="true"] { background: var(--royal); border-color: var(--royal); }
.shg-ap .ap-sw-toggle[aria-checked="true"]::after { content: "\2713"; top: 2px; left: 2px; width: 24px; height: 24px; background: var(--on-royal); transform: translateX(20px); }
.shg-ap .ap-note { margin: 10px 2px 0; font: 600 12.5px/17px var(--font-sans); color: var(--md-on-surface-variant); }
.shg-ap .ap-done {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin: 14px 0 4px;
  border: 0; border-radius: 999px; background: var(--royal); color: var(--on-royal); font: 800 16px/20px var(--font-sans); cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 4px 12px -4px rgba(0, 0, 0, .3);
  transition: transform var(--md-dur-spring-fast) var(--md-spring-fast);
}
.shg-ap .ap-done:active { transform: scale(.97); }
.shg-ap button:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
body.shg-ap-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .shg-ap, .shg-ap-scrim, .shg-ap *, .shg-ap.closing { transition-duration: .01ms !important; }
}
@media (forced-colors: active) {
  .shg-ap .ap-opt[aria-checked="true"], .shg-ap .ap-sw[aria-checked="true"] .ap-dot { outline: 3px solid Highlight; }
}
@media print { .shg-ap, .shg-ap-scrim { display: none !important; } }

/* =====================================================================
   9. GLASS UI - 23 Oct 2026 (owner: "glass effect wallpaper, Android 17 ko
   naya water-bubble theme, naya iOS theme jasto"). data-ui="glass": the
   Pixel tokens, plus translucent surfaces over a slow-floating bubble
   wallpaper. Everything is tokens + backdrop-filter; where a browser has no
   backdrop-filter the surfaces are simply a little more opaque.
   ===================================================================== */
:root[data-ui="glass"]{--radius-xs:12px;--radius-sm:14px;--radius-md:18px;--radius-lg:26px;--radius-xl:30px;--md-r-card:26px;--md-r-sheet:30px;
  --m-spring:var(--md-spring);--m-snap:var(--md-ease-standard);--m-exit:var(--md-ease-emph-accel);--m-quick:150ms;--m-base:240ms;--m-slow:380ms;
  --glass-bg:rgba(255,255,255,.62);--glass-bg-2:rgba(255,255,255,.48);--glass-line:rgba(255,255,255,.75);--glass-ink:rgba(10,42,143,.18);
  --dp-press:0px;--dp-press-sm:0px}
:root[data-ui="glass"][data-theme="dark"]{--glass-bg:rgba(18,28,58,.52);--glass-bg-2:rgba(18,28,58,.40);--glass-line:rgba(255,255,255,.14);--glass-ink:rgba(0,0,0,.45)}
:root[data-ui="glass"][data-display="amoled"]{--glass-bg:rgba(10,14,28,.62);--glass-bg-2:rgba(10,14,28,.48)}
:root[data-ui="glass"] body{background-attachment:fixed}
:root[data-ui="glass"] body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(28% 24% at 12% 18%,rgba(47,107,255,.34),transparent 70%),
    radial-gradient(22% 20% at 82% 12%,rgba(240,122,30,.30),transparent 70%),
    radial-gradient(26% 24% at 72% 70%,rgba(123,92,255,.28),transparent 70%),
    radial-gradient(18% 16% at 22% 78%,rgba(17,163,90,.26),transparent 70%),
    radial-gradient(14% 12% at 50% 45%,rgba(255,255,255,.35),transparent 70%);
  filter:blur(28px) saturate(1.3);animation:glassFloat 26s ease-in-out infinite alternate}
:root[data-ui="glass"][data-theme="dark"] body::before{opacity:.75}
@keyframes glassFloat{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.06)}100%{transform:translate3d(-2%,3%,0) scale(1.02)}}
:root[data-ui="glass"] .card,:root[data-ui="glass"] .c-card,:root[data-ui="glass"] .panel,:root[data-ui="glass"] .sb-card,:root[data-ui="glass"] .m-box,:root[data-ui="glass"] .modal-box,:root[data-ui="glass"] .sheet,:root[data-ui="glass"] .route-card,:root[data-ui="glass"] .trip-card,:root[data-ui="glass"] .tile,:root[data-ui="glass"] .lg-prof,:root[data-ui="glass"] .my-card,:root[data-ui="glass"] #homeRoles .rl-card,:root[data-ui="glass"] .hx-card,:root[data-ui="glass"] .mm{
  background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid var(--glass-line);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 14px 34px -18px var(--glass-ink)}
:root[data-ui="glass"] header.nav,:root[data-ui="glass"] .bottom-nav,:root[data-ui="glass"] .tabbar{background:var(--glass-bg-2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border-bottom:1px solid var(--glass-line)}
:root[data-ui="glass"] .bottom-nav{border-top:1px solid var(--glass-line);border-bottom:0}
:root[data-ui="glass"] input,:root[data-ui="glass"] select,:root[data-ui="glass"] textarea{background:rgba(255,255,255,.55)}
:root[data-ui="glass"][data-theme="dark"] input,:root[data-ui="glass"][data-theme="dark"] select,:root[data-ui="glass"][data-theme="dark"] textarea{background:rgba(8,12,24,.55)}
:root[data-ui="glass"] .btn:not(.btn-ghost),:root[data-ui="glass"] button.b{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 22px -12px rgba(0,0,0,.5)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-ui="glass"]{--glass-bg:rgba(255,255,255,.92);--glass-bg-2:rgba(255,255,255,.9)}:root[data-ui="glass"][data-theme="dark"]{--glass-bg:rgba(18,28,58,.94);--glass-bg-2:rgba(18,28,58,.92)}}
:root[data-ui="glass"][data-motion="reduced"] body::before,@media (prefers-reduced-motion:reduce){:root[data-ui="glass"] body::before{animation:none}}
.ap-prev.gl{background:linear-gradient(135deg,#9fd0ff,#e3c6ff 55%,#ffd0a6);border-radius:10px}
.ap-prev.gl i{background:rgba(255,255,255,.6);backdrop-filter:blur(2px);border-radius:6px}