/* M.can colour theme — the ONLY place colours are defined. Every other stylesheet and view uses these
   variables. The first block is the approved design's token table (design-reference/README.md); the rest
   derive the working-area palette from it, so dark brand chrome (top bar, sidebar, entry pages) and light,
   readable tables and forms share one theme. Loaded first, from Views/Shared/_Head.cshtml. */
:root{
  /* ---- Design tokens (README "Design tokens") ---- */
  --mc-page:#14305A;                         /* page background (dark) */
  --mc-hero:#18396A;                         /* hero background */
  --mc-panel:#1B3F74;                        /* panel background */
  --mc-glass:rgba(255,255,255,.07);          /* glass card */
  --mc-glass-line:rgba(255,255,255,.16);     /* glass card border */
  --mc-accent:#4FC3F7;                       /* accent buttons */
  --mc-accent-ink:#0B2545;                   /* text on accent buttons */
  --mc-accent-text:#8FDBFF;                  /* accent text / links on dark */
  /* Two orange levels (2026-10-17, softened from the original #F39410). To go back, set BOTH lines to #F39410.
     Logo files are not touched. */
  --mc-orange:#E8921C;                       /* SMALL accents: capsule, badges, thin lines, counters, pips */
  --mc-orange-surface:#F2A640;               /* LARGE surfaces: new-sale tile, landing CTA; navy text on it */
  --mc-orange-icon:#F9C67A;                  /* icon stroke inside orange frames */
  --qr-paper:#FFFFFF;                        /* a QR code stays black on white in every theme */
  --mc-on-dark:#FFFFFF;                      /* body text on dark */
  --mc-on-dark-muted:#C3D4EA;                /* muted text on dark */
  --mc-form-bg:#F7FAFD;                      /* login form side */
  --mc-title:#0B2545;                        /* titles on light */
  --mc-button:#1F4F8F;                       /* primary button on light */

  /* ---- Supporting shades from the approved entry-page designs ---- */
  --mc-on-dark-soft:#D6E3F3;
  --mc-on-dark-faint:#B7CAE3;
  --mc-feature-detail:#C9D8EA;
  --mc-kicker-text:#BDEBFF;
  --mc-hex-line:#3A6AA6;
  --mc-glow:#3D7BC4;
  --mc-step-number:#6E9BD1;
  --mc-cta-box:#21497F;
  --mc-label:#1C3550;
  --mc-text-2:#4A6280;
  --mc-field-line:#C9D6E5;
  --mc-link:#1E6FB8;
  --mc-link-hover:#0B4F8C;
  --mc-focus-ring:rgba(79,195,247,.3);
  --mc-line-on-dark:rgba(255,255,255,.12);
  --mc-line-on-dark-2:rgba(255,255,255,.18);
  --mc-outline-on-dark:rgba(255,255,255,.3);
  --mc-outline-on-dark-2:rgba(255,255,255,.35);
  --mc-outline-on-dark-3:rgba(255,255,255,.45);
  --mc-dot:rgba(255,255,255,.4);
  --mc-button-on-dark:rgba(255,255,255,.06);
  --mc-accent-wash:rgba(79,195,247,.16);
  --mc-accent-wash-2:rgba(79,195,247,.2);
  --mc-accent-line:rgba(79,195,247,.45);
  --mc-accent-line-2:rgba(79,195,247,.4);
  --mc-orange-wash:rgba(232,146,28,.12);
  --mc-orange-line:rgba(232,146,28,.5);
  /* photo overlays: darkest on the text side (flipped for LTR in entry.css) */
  --mc-hero-shade-1:rgba(24,57,106,.62);
  --mc-hero-shade-2:rgba(24,57,106,.55);
  --mc-hero-shade-3:rgba(24,57,106,.42);
  --mc-lower-shade-1:rgba(20,48,90,.68);
  --mc-lower-shade-2:rgba(20,48,90,.62);
  --mc-lower-shade-3:rgba(20,48,90,.76);
  --mc-side-shade-1:rgba(27,63,116,.95);
  --mc-side-shade-2:rgba(27,63,116,.86);
  --mc-side-shade-3:rgba(27,63,116,.7);

  /* ---- Working area (light, readable tables and forms) ---- */
  --navy:var(--mc-button);                   /* primary actions, active states, headings accents */
  --navy-hover:#183F73;
  --navy-900:var(--mc-title);
  --navy-700:var(--mc-link);
  --navy-200:var(--mc-field-line);
  --navy-100:#E1EAF5;
  --navy-50:#EFF4FA;
  --orange:var(--mc-orange);
  --orange-hover:#F6B455;
  --orange-700:#9F5D00;
  --orange-50:#FEF3E2;
  --orange-soft:#FDF5EA;
  --orange-soft-hover:#FBEBD5;
  --orange-line:#F2D6AF;
  --orange-ink:#9A5B0C;
  --critical:#B42318;
  --critical-line:#F0C4BF;
  --critical-50:#FDECEA;
  --critical-hover:#FBE0DC;
  --ok:#1F7A55;
  --ok-50:#E6F2EC;

  --paper:var(--mc-form-bg);
  --surface:#FFFFFF;
  --logo-chip-light:#FFFFFF;--logo-chip-dark:#14305A;--logo-chip-dark-caption:#0E2342;--logo-chip-on-dark:#FFFFFF;   /* task BRAND1: the logo preview chips are the same in every theme */
  --surface-alt:#FAFBFD;
  --line:#DCE4EE;
  --line-soft:#EAF0F6;
  --ink:var(--mc-title);
  --ink-2:var(--mc-text-2);
  --ink-3:#73859C;
  --link:var(--mc-link);
  --link-hover:var(--mc-link-hover);
  --focus-ring:var(--mc-focus-ring);
  --shadow-soft:rgba(11,37,69,.10);
  --shadow-strong:rgba(11,37,69,.16);
  --overlay:rgba(11,37,69,.45);

  /* ---- Drug catalog screens (task DRUG1): text on the navy count capsule ---- */
  --catalog-on-navy:#FFFFFF;

  /* ---- App chrome (dark brand): top bar and sidebar ---- */
  --chrome:var(--mc-page);
  --chrome-2:var(--mc-hero);
  --chrome-ink:var(--mc-on-dark);
  --chrome-muted:var(--mc-on-dark-muted);
  --chrome-tile:var(--mc-glass);
  --chrome-tile-line:var(--mc-glass-line);
  --chrome-active:var(--mc-accent-wash);
  --chrome-active-line:var(--mc-accent-line);
  /* Aurora (task D4, decisions 18.117). The lightest point of each is checked against its text in AuroraAndGlassTests. */
  --aurora-side-deep:#0C2240;
  --aurora-side-mid:#102B52;
  --aurora-side-top:#143360;
  --aurora-side-sky:rgba(79,195,247,.12);
  --aurora-side-orange:rgba(232,146,28,.08);
  --aurora-bar-deep:#13315A;
  --aurora-bar-mid:#143460;
  --aurora-bar-top:#153661;
  --aurora-bar-sky:rgba(79,195,247,.06);
  --aurora-bar-orange:rgba(232,146,28,.06);
  --chrome-bar-glass:rgba(255,255,255,.08);
  --chrome-bar-line:rgba(255,255,255,.18);
  --chrome-logo-glow:rgba(143,219,255,.35);
  /* Floating glass chrome (task D5, decisions 18.118). The fill is how much of the aurora colour covers the page; light text over a white page cannot go lower than this. */
  --chrome-bar-fill:90%;
  --chrome-side-fill:90%;
  --chrome-rim:rgba(255,255,255,.22);
  --chrome-shadow-near:rgba(11,37,69,.20);
  --chrome-shadow-far:rgba(11,37,69,.24);
  --chrome-active-glow:rgba(79,195,247,.32);
  --side-tile:rgba(255,255,255,.10);
  /* Sidebar tile edge (task D6, decisions 18.119): the hospital tile's sky border at 55% of its strength, one token for both chrome themes. */
  --side-tile-line:color-mix(in srgb,var(--hospital-glass-line) 55%,transparent);
  --side-tile-edge:rgba(255,255,255,.14);
  --side-tile-shadow:rgba(5,18,38,.22);
  /* Search palette (task D6): the bar's aurora, denser because it carries lists of text; checked over the worst page in AuroraAndGlassTests. */
  --palette-fill:94%;
  --pal-light-hover:rgba(11,37,69,.06);
  --pal-light-active:rgba(79,195,247,.24);
  --pal-light-line:rgba(31,79,143,.16);
  --pal-light-key:rgba(255,255,255,.70);
  /* Support entry (task D6): the «open now» dot and the ring that lifts it off the capsule. */
  --support-on:#2FBF71;
  --support-on-ring:rgba(11,37,69,.55);

  /* ---- Charts (dashboard) ---- */
  --chart-main:var(--mc-button);
  --chart-accent:#F2B866;
  --chart-grid:#EAF0F6;
  --chart-light:#F4BE78;

  /* ---- Home page (photo background, frosted cards) ---- */
  --home-tint:rgba(255,255,255,.12);         /* the only layer over the (light) photo: a faint white */
  --home-glass:rgba(255,255,255,.80);        /* frosted card; navy text on it stays AA */
  --home-glass-hover:rgba(255,255,255,.92);
  --home-glass-line:rgba(255,255,255,.7);
  --home-glass-shadow:rgba(11,37,69,.18);
  /* Home "landing" look: the photo shows at the top under a light navy-to-sky wash and darkens into the page navy */
  --home-wash-sky:rgba(79,195,247,.16);
  --home-shade-top:rgba(20,48,90,.40);
  --home-shade-mid:rgba(20,48,90,.58);
  --home-shade-low:rgba(20,48,90,.88);
  --home-scrim:rgba(11,37,69,.62);           /* soft patch behind the greeting only */
  --home-panel:rgba(20,48,90,.76);           /* tiles and strips on the photo: white text stays AA */
  --home-panel-hover:rgba(27,63,116,.86);
  --home-glow:rgba(79,195,247,.26);          /* pointer glow on tiles */
  --home-glow-active:rgba(79,195,247,.40);   /* the same glow on the active sidebar tile */
  --home-glow-on-orange:rgba(255,255,255,.28);
  --home-lift-shadow:rgba(5,18,38,.35);      /* shadow under a lifted tile */
  --home-critical-on-dark:#FFB4AB;           /* severity cues on navy */
  --home-critical-wash:rgba(255,138,128,.14);
  --home-warn-wash:rgba(232,146,28,.14);
  --home-info-wash:rgba(79,195,247,.12);

  /* Hospital page (task D4, decisions 18.117): a pale veil keeps the light photo light; the tiles are light glass with navy text */
  --hospital-veil-top:rgba(247,250,253,.35);
  --hospital-veil-low:rgba(247,250,253,.45);
  --hospital-glass:rgba(255,255,255,.86);
  --hospital-glass-hover:rgba(255,255,255,.94);
  --hospital-glass-solid:rgba(255,255,255,.96);
  --hospital-glass-line:rgba(70,160,220,.75);
  --hospital-edge-top:rgba(255,255,255,.95);
  --hospital-edge-low:rgba(31,79,143,.28);
  --hospital-shadow-near:rgba(11,37,69,.16);
  --hospital-shadow-far:rgba(11,37,69,.14);
  --hospital-grid-veil:rgba(247,250,253,.60);
  --hospital-glow:rgba(79,195,247,.30);
  --hospital-ico:rgba(31,79,143,.20);
  --hospital-action-line:rgba(232,146,28,.80);
  --hospital-action-tint:rgba(242,166,64,.14);
  /* Sign-in stage and the dark entry card (task D3-fix, decisions 18.116) */
  --cap-mask:#000;                            /* opaque stop of a CSS mask */
  --cap-dust:#CFE3F7;
  --cap-bg:#0B1E3B;
  --cap-bg-lift:#1B3F73;
  --cap-card:rgba(20,48,90,.86);
  --cap-card-line:rgba(255,255,255,.14);
  --cap-card-shadow:rgba(3,12,28,.55);
  --cap-field:rgba(8,24,48,.55);
  --cap-field-solid:#102B52;
  --cap-field-line:rgba(255,255,255,.26);
  --cap-placeholder:#9FB6D2;
  --cap-error:#FFB4AB;
  --cap-thread-colour:rgba(214,227,243,.55);
  --cap-light:rgba(255,226,178,.20);
  --cap-light-core:rgba(255,226,178,.34);
  --cap-light-room:rgba(120,190,245,.20);
  --cap-glow:rgba(255,200,130,.75);
  --cap-sober-a:#9FB3CC;
  --cap-sober-b:#D5DEE9;
  --cap-sober-light:rgba(226,235,246,.16);
  --cap-sober-core:rgba(226,235,246,.26);
  --cap-sober-glow:rgba(226,235,246,.6);
  --cap-sober-button:#3A5A86;
  --cap-sober-button-hover:#46699A;
  /* Light sign-in (task D6, decisions 18.119): a soft sky day with faint dust, a white translucent card with navy text; the capsule keeps orange and sky and glows warm when lit. */
  --cap-day-bg:#E6F1FB;
  --cap-day-lift:#FFFFFF;
  --cap-day-card:rgba(255,255,255,.80);
  --cap-day-field:rgba(255,255,255,.92);
  --cap-day-glass:rgba(255,255,255,.70);
  --cap-day-dust:#6FBDEB;
  --cap-day-thread:rgba(31,79,143,.35);
  --cap-day-light:rgba(242,166,64,.16);
  --cap-day-light-core:rgba(242,166,64,.26);
  --cap-day-room:rgba(79,195,247,.16);
  --cap-day-glow:rgba(242,166,64,.70);
  --cap-day-sober-light:rgba(31,79,143,.07);
  --cap-day-sober-core:rgba(31,79,143,.12);
  --cap-day-sober-glow:rgba(31,79,143,.30);
  --cap-day-line-soft:rgba(11,37,69,.08);

  /* ---- Landing page: aliases of the tokens above, no new colours ---- */
  --lp-ink:var(--orange-soft);               /* primary text: warm off-white */
  --lp-ink-2:color-mix(in srgb,var(--orange-soft) 84%,transparent);   /* paragraphs and card text */
  --lp-scrim:var(--home-scrim);              /* soft patch behind any text on a photo */
  --lp-panel:var(--home-panel);              /* hero scene cards on the photo */
  --lp-cta:var(--mc-orange-surface);                 /* main call to action, navy text on it */
  --lp-cta-hover:var(--orange-hover);
  --lp-counter:var(--mc-orange-icon);        /* step numbers and small counters */
  /* Landing glass (task D4, decisions 18.117): the floating navigation pill, the feature strip and the light section */
  --lp-nav-glass:rgba(255,255,255,.60);
  --lp-nav-glass-solid:rgba(255,255,255,.90);
  --lp-nav-line:rgba(255,255,255,.75);
  --lp-nav-outline:rgba(255,255,255,.40);
  --lp-nav-shadow:rgba(11,37,69,.16);
  --lp-nav-sky:rgba(79,195,247,.18);
  --lp-nav-orange:rgba(242,166,64,.24);
  --lp-cta-glow:rgba(242,166,64,.45);
  --lp-strip-glass:rgba(255,255,255,.62);
  --lp-light-glass:rgba(255,255,255,.78);
  --lp-light-line:rgba(31,79,143,.16);
  --lp-spot:rgba(143,219,255,.16);
  /* Landing bottom (task D5, decisions 18.118): dense navy glass carries the text, so the photo around it can stay alive. Checked on the lightest photo pixel in AuroraAndGlassTests. */
  --lp-how-glass:rgba(27,63,116,.80);
  --lp-how-sheen:rgba(255,255,255,.06);
  --lp-contact-glass:rgba(20,48,90,.86);
  --lp-contact-sky:rgba(79,195,247,.18);
  --lp-contact-blue:rgba(31,79,143,.28);
  --lp-contact-glow:rgba(242,166,64,.22);
  --lp-contact-drift:rgba(143,219,255,.12);
  --lp-edge:rgba(191,231,255,.55);
  --lp-edge-top:rgba(255,255,255,.42);
  --lp-panel-shadow:rgba(5,18,38,.34);
  --lp-chip:rgba(11,37,69,.42);
  --lp-chip-line:rgba(191,231,255,.34);
  --lp-chip-ico:rgba(79,195,247,.20);

  /* ---- Print (receipts, documents) ---- */
  --print-ink:#000000;
  --print-ink-2:#444444;
  --print-ink-3:#999999;
  --print-paper:#FFFFFF;
  --print-rule:#EEEEEE;
}

/* Light top bar and sidebar (the sun button in the top bar, js/chrome-theme.js). Only the chrome changes, the working area is already light; the same tokens are re-pointed inside the chrome. */
:root[data-theme=light]{
  --aurora-side-deep:#C4DBF0;
  --aurora-side-mid:#DCEAF6;
  --aurora-side-top:#EEF5FB;
  --aurora-side-sky:rgba(79,195,247,.22);
  --aurora-side-orange:rgba(232,146,28,.14);
  --aurora-bar-deep:#E6F0F9;
  --aurora-bar-mid:#EFF5FB;
  --aurora-bar-top:#F7FAFD;
  --aurora-bar-sky:rgba(79,195,247,.20);
  --aurora-bar-orange:rgba(232,146,28,.12);
  --chrome-logo-glow:rgba(79,195,247,.30);
  --chrome-bar-fill:62%;
  --chrome-side-fill:70%;
  --chrome-rim:rgba(255,255,255,.80);
  --side-tile-edge:rgba(255,255,255,.75);
  --side-tile-shadow:rgba(11,37,69,.10);
  --palette-fill:90%;
}
:root[data-theme=light] :is(.topbar,.side){
  --chrome:var(--aurora-bar-mid);
  --chrome-ink:var(--mc-title);
  --chrome-muted:var(--mc-label);
  --chrome-tile:rgba(255,255,255,.55);
  --chrome-tile-line:rgba(31,79,143,.18);
  --chrome-active:rgba(79,195,247,.28);
  --chrome-active-line:rgba(31,79,143,.40);
  --mc-on-dark:var(--mc-title);
  --mc-on-dark-soft:var(--mc-title);
  --mc-on-dark-muted:var(--mc-label);
  --mc-accent-text:var(--mc-link);
  --mc-orange-icon:var(--orange-ink);
  --mc-line-on-dark:rgba(11,37,69,.10);
}
:root[data-theme=light] .topbar .avatar-round{--mc-on-dark:#FFFFFF}
/* The cheap glass: no blur behind the chrome and a solid fill, for a reduced-motion or reduced-transparency request and on weak devices (.glass-lite, js/chrome-theme.js). */
@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){
  :root,:root[data-theme=light]{--chrome-bar-fill:100%;--chrome-side-fill:100%;--chrome-blur:none}
  :root,:root[data-theme=light]{--palette-fill:100%}
}
:root.glass-lite,:root.glass-lite[data-theme=light]{--chrome-bar-fill:100%;--chrome-side-fill:100%;--chrome-blur:none}
:root.glass-lite,:root.glass-lite[data-theme=light]{--palette-fill:100%}

/* Task PL1 (decisions 18.120): the platform overview, «the observatory». Status colours of a pharmacy (a star, a glyph) on a light surface; sky blue = healthy and active,
   orange only for attention. Every status also has its own shape and its word, so colour is never the only signal. */
:root{
  --star-active:#0277BD;
  --star-trial:#5B8DB8;
  --star-attention:#C26A00;
  --star-expired:#B42318;
  --star-suspended:#64748B;
}
/* Night sky in the dark chrome: a deep navy gradient with very faint star dust. Text is computed on the lightest point of the sky under the glass (ObservatoryTests). */
.obs{
  --obs-sky-deep:#06122A;
  --obs-sky-mid:#0A1C3A;
  --obs-sky-top:#10284D;
  --obs-ink:#FFFFFF;
  --obs-muted:#C3D4EA;
  --obs-glass:rgba(255,255,255,.06);
  --obs-glass-line:rgba(255,255,255,.16);
  --obs-glass-edge:rgba(255,255,255,.10);
  --obs-card:rgba(8,24,50,.94);
  --obs-dust:rgba(255,255,255,.45);
  --obs-dust-sky:rgba(143,219,255,.35);
  --obs-line:rgba(143,219,255,.20);
  --obs-ring-track:rgba(255,255,255,.12);
  --obs-ring:#4FC3F7;
  --obs-focus:#8FDBFF;
  --star-active:#4FC3F7;
  --star-trial:#B7E6FB;
  --star-attention:#F2A640;
  --star-expired:#F28B82;
  --star-suspended:#8DA2BF;
}
/* The light theme is a clean neutral variant, not a recoloured night sky: near-white paper, white glass, navy text, no dust. */
:root[data-theme=light] .obs{
  --obs-sky-deep:#EEF2F7;
  --obs-sky-mid:#F4F7FA;
  --obs-sky-top:#FAFBFD;
  --obs-ink:#0B2545;
  --obs-muted:#3E5573;
  --obs-glass:rgba(255,255,255,.86);
  --obs-glass-line:rgba(31,79,143,.16);
  --obs-glass-edge:rgba(255,255,255,.9);
  --obs-card:rgba(255,255,255,.97);
  --obs-dust:transparent;
  --obs-dust-sky:transparent;
  --obs-line:rgba(31,79,143,.16);
  --obs-ring-track:rgba(31,79,143,.12);
  --obs-ring:#0277BD;
  --obs-focus:#1E6FB8;
  --star-active:#0277BD;
  --star-trial:#5B8DB8;
  --star-attention:#C26A00;
  --star-expired:#B42318;
  --star-suspended:#64748B;
}

/* Task D8 (decisions 18.126): the platform Home. A navy sky with soft sky and orange aurora light, glass tiles, navy / sky / soft orange icon capsules. Text is
   measured at 4.5:1 on the lightest point of the sky under a hovered, glowing tile (PlatformHomeDesignTests); the light theme is measured at its darkest point. */
.ph{
  --ph-sky-deep:#06122A;
  --ph-sky-mid:#0A1C3A;
  --ph-sky-top:#10284D;
  --ph-aurora-sky:rgba(79,195,247,.16);
  --ph-aurora-orange:rgba(232,146,28,.10);
  --ph-ink:#FFFFFF;
  --ph-muted:#DCE7F5;
  --ph-glass:rgba(255,255,255,.06);
  --ph-glass-hover:rgba(255,255,255,.09);
  --ph-glass-line:rgba(255,255,255,.16);
  --ph-glass-edge:rgba(255,255,255,.10);
  --ph-glow:rgba(79,195,247,.14);
  --ph-field:rgba(6,18,42,.72);
  --ph-field-line:rgba(143,219,255,.32);
  --ph-focus:#8FDBFF;
  --ph-pulse:#4FC3F7;
  --ph-line:rgba(143,219,255,.22);
  --ph-cap-navy:#0B2545;
  --ph-cap-navy-ink:#FFFFFF;
  --ph-cap-navy-ring:rgba(143,219,255,.45);
  --ph-cap-sky:#4FC3F7;
  --ph-cap-sky-ink:#0B2545;
  --ph-cap-orange:#F2A640;
  --ph-cap-orange-ink:#0B2545;
  --ph-badge:#4FC3F7;
  --ph-badge-ink:#0B2545;
  --ph-badge-attention:#F2A640;
  --ph-badge-attention-ink:#0B2545;
  --ph-shadow:rgba(2,8,20,.35);
}
:root[data-theme=light] .ph{
  --ph-sky-deep:#E9F0F8;
  --ph-sky-mid:#F2F6FB;
  --ph-sky-top:#FAFCFE;
  --ph-aurora-sky:rgba(79,195,247,.20);
  --ph-aurora-orange:rgba(232,146,28,.10);
  --ph-ink:#0B2545;
  --ph-muted:#3E5573;
  --ph-glass:rgba(255,255,255,.82);
  --ph-glass-hover:rgba(255,255,255,.95);
  --ph-glass-line:rgba(31,79,143,.16);
  --ph-glass-edge:rgba(255,255,255,.90);
  --ph-glow:rgba(79,195,247,.22);
  --ph-field:rgba(255,255,255,.92);
  --ph-field-line:rgba(31,79,143,.22);
  --ph-focus:#1E6FB8;
  --ph-pulse:#0277BD;
  --ph-line:rgba(31,79,143,.16);
  --ph-cap-navy-ring:rgba(31,79,143,.18);
  --ph-shadow:rgba(11,37,69,.10);
}

/* Task H1 (decisions 18.121): «Ask Imkan». The capsule is the brand navy with white text in both chrome themes; the panel is the support panel's near-opaque white
   glass with navy text, so both read the same over any page. Measured in AssistantDesignTests (4.5:1 on the worst pixel). */
:root{
  --imkan-bubble:var(--mc-title);   /* task D7: the deep brand navy, solid, white bold words (the page navy blended into dark pages and read faint) */
  --imkan-bubble-ink:#FFFFFF;
  --imkan-bubble-line:rgba(143,219,255,.45);
  --imkan-panel:var(--hospital-glass-solid);
  --imkan-ink:var(--mc-title);
  --imkan-muted:var(--mc-text-2);
  --imkan-bot:var(--navy-50);
  --imkan-user:var(--mc-button);
  --imkan-user-ink:#FFFFFF;
  --imkan-halo:rgba(79,195,247,.55);
  --imkan-glow:rgba(79,195,247,.38);
  --imkan-ring:rgba(255,255,255,.72);
  --imkan-ring-outer:rgba(79,195,247,.18);
  --imkan-bubble-shine:rgba(255,255,255,.14);
  --imkan-go-shine:rgba(255,255,255,.35);
}
:root[data-theme=light]{
  --imkan-ring:rgba(255,255,255,.95);
  --imkan-glow:rgba(31,79,143,.28);
}