/* BlueBird theme: the only place colours, fonts, sizes and radii are decided.

   Two layers:
     --bb-*   the palette. Raw values, named for what they are.
     the rest semantic names the screens use (--ink, --panel, --brand ...).
              They point at the palette, so a re-theme or dark mode changes
              the palette and the screens follow.

   The semantic names are the ones design.css, shell.css and the screens
   already use. They were declared in six :root blocks across design.css, each
   overriding the last; the values below are the ones that won, so moving them
   here changed nothing on screen.

   Loaded first, before design.css and shell.css. Keep new colours out of
   other files: add a palette entry here and a semantic name if needed. */

:root{
  color-scheme:light;

  /* ---- palette ------------------------------------------------------ */
  /* brand */
  --bb-blue:#007CBA;  --bb-blue-deep:#006198;  --bb-blue-ink:#005F8F;
  --bb-blue-tint:#E6F2F9;  --bb-blue-line:#9CCBE4;  --bb-blue-edge:#CFE0F5;
  --bb-blue-wash:#DEEAF6;  --bb-blue-disabled:#9CC6DE;
  --bb-navy-strong:#174b7d;          /* older prototype navy, used by --brand-strong */

  /* warm neutrals */
  --bb-ink:#231F20;  --bb-ink-2:#555759;  --bb-ink-3:#6B655F;
  --bb-paper:#FAF8F5;  --bb-linen:#F0ECE6;  --bb-hair:#DFD8CF;  --bb-stone:#C3B8AB;
  --bb-white:#fff;

  /* cool neutrals (controls, practice-scope band) */
  --bb-cool-50:#f8fafc;  --bb-cool-75:#f3f7fc;  --bb-cool-100:#f2f4f7;
  --bb-cool-200:#e2e6ec;  --bb-cool-600:#5d6b7e;

  /* status */
  --bb-moss:#5B6D45;  --bb-moss-deep:#4A5A37;  --bb-ochre:#96561F;  --bb-brick:#9A3324;  --bb-amber:#c98a3a;

  /* sidebar (dark navy panel) */
  --bb-navy-900:#13263f;  --bb-navy-800:#1a3457;  --bb-navy-750:#1c3e62;
  --bb-navy-700:#203a5a;  --bb-navy-600:#29476e;
  --bb-navy-text:#c7d2e2;  --bb-navy-text-strong:#eaf1fb;
  --bb-navy-text-muted:#9fb0c8;  --bb-navy-label:#8193ad;
  --bb-navy-note:#d3a05a;  --bb-navy-alert:#e0855f;   /* amber and coral that read on the navy panel */

  /* night neutrals: the dark-mode counterparts of the warm neutrals. Used by
     the note module's standalone dark mode today, and by app-wide dark mode later. */
  --bb-night-paper:#1C1A18;  --bb-night-linen:#262320;  --bb-night-hair:#3A3530;
  --bb-night-ink:#F2EEE8;  --bb-night-ink-2:#B8B0A6;  --bb-night-ink-3:#A39A90;  --bb-night-stone:#5A524A;
  --bb-night-panel:#24211E;  --bb-night-control:#2A2724;  --bb-night-control-hover:#332F2B;
  /* night accents: brand and status colours that stay readable on night surfaces */
  --bb-night-blue-tint:#13344A;  --bb-night-blue-ink:#8CCBEE;  --bb-night-blue-line:#2E6A8E;
  --bb-night-blue-wash:#1E3445;  --bb-night-blue-disabled:#2B4F63;
  --bb-night-moss:#9DB585;  --bb-night-ochre:#E0A060;  --bb-night-brick:#EE8E80;
  --bb-night-cool-100:#2A2826;  --bb-night-cool-200:#3A3632;

  /* spacing scale */
  --bb-space-1:4px;  --bb-space-2:8px;  --bb-space-3:12px;  --bb-space-4:16px;
  --bb-space-5:24px;  --bb-space-6:40px;

  /* type */
  --bb-font-ui:'Source Sans 3','Source Sans Pro','Helvetica Neue',Arial,sans-serif;
  --bb-font-display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --bb-font-mono:'Source Code Pro',ui-monospace,'SF Mono',Menlo,monospace;

  /* ---- generated palette (theme-colours.py) ---- */
  /* Values from design.css, merged where indistinguishable (CIEDE2000 <= 2).
     Named family-lightness; -aNN is the same colour at NN%% opacity. */
  /* blue */
  --bb-blue-82:#b9cee2;
  --bb-blue-82-2:#9fd0ff;
  --bb-blue-81:#a8cdf5;
  --bb-blue-77:#aebfd4;
  --bb-blue-76:#a9bdd8;
  --bb-blue-72:#82b5e8;
  --bb-blue-70:#88afe1;
  --bb-blue-67:#7da7cf;
  --bb-blue-64:#6f9fce;
  --bb-blue-60:#7b93b5;
  --bb-blue-56:#7387a6;
  --bb-blue-50:#5478b8;
  --bb-blue-50-2:#61789b;
  --bb-blue-49:#687588;
  --bb-blue-47:#667085;
  --bb-blue-46:#3770a7;
  --bb-blue-41:#53617a;
  --bb-blue-40:#4d6079;
  --bb-blue-40-2:#2f5f96;
  --bb-blue-36:#465568;
  --bb-blue-34:#42516a;
  --bb-blue-32:#3a4b68;
  --bb-blue-32-2:#3f4b5d;
  --bb-blue-28:#31445f;
  --bb-blue-28-2:#1f4373;
  --bb-blue-27:#344054;
  --bb-blue-25:#1d3b64;
  --bb-blue-23:#28384d;
  --bb-blue-20:#21314d;
  --bb-blue-11:#101d2f;
  /* gray */
  --bb-gray-99:#fffdf6;
  --bb-gray-98:#fff8f7;
  --bb-gray-98-2:#f4fbf7;
  --bb-gray-92:#e6e7e8;
  --bb-gray-86:#d4d6d7;
  --bb-gray-70:#aaaaaa;
  --bb-gray-59:#8d8f91;
  --bb-gray-0:#000000;
  /* green */
  --bb-green-97:#eef9f3;
  --bb-green-94:#eaefe4;
  --bb-green-90:#cbe9d8;
  --bb-green-89:#cfe3d8;
  --bb-green-83:#c6d2b6;
  --bb-green-71:#9ab588;
  --bb-green-61:#3ca66f;
  --bb-green-55:#638b7a;
  --bb-green-52:#6f8356;
  --bb-green-46:#2c7a57;
  /* indigo */
  --bb-indigo-49:#7c69b0;
  --bb-indigo-40:#235fa9;
  --bb-indigo-36:#1f5598;
  --bb-indigo-12:#172033;
  /* orange */
  --bb-orange-52:#b36a28;
  /* red */
  --bb-red-87:#ffd0cc;
  --bb-red-82:#f0c2bd;
  --bb-red-82-2:#e6c3c0;
  --bb-red-65:#d98878;
  --bb-red-40:#b42318;
  --bb-red-31:#842b24;
  --bb-red-29:#7a2a20;
  /* slate */
  --bb-slate-92:#dceaff;
  --bb-slate-89:#d8e0eb;
  --bb-slate-87:#cfdde6;
  --bb-slate-86:#cfd7e3;
  --bb-slate-79:#b8c5d8;
  --bb-slate-75:#aeb9c7;
  --bb-slate-62:#8a97a8;
  --bb-slate-60:#8791a1;
  --bb-slate-58:#7e8f9a;
  --bb-slate-57:#7b8a9d;
  --bb-slate-55:#7a8495;
  --bb-slate-52:#727c8c;
  --bb-slate-40:#526071;
  --bb-slate-19:#22303f;
  /* warm */
  --bb-warm-98:#fff9e9;
  --bb-warm-97:#fff3f1;
  --bb-warm-94:#f6ede4;
  --bb-warm-93:#f7e9e6;
  --bb-warm-82:#e1c5c1;
  /* yellow */
  --bb-yellow-97:#fff6dd;
  --bb-yellow-88:#e6dcc2;
  --bb-yellow-87:#ecd9a6;
  --bb-yellow-73:#d9ae4a;
  --bb-yellow-68:#d59a55;
  /* translucent */
  --bb-blue-11-a24:rgba(16,29,47,0.24);
  --bb-blue-11-a42:rgba(16,29,47,0.42);
  --bb-blue-20-a13:rgba(33,49,77,0.13);
  --bb-blue-20-a14:rgba(33,49,77,0.14);
  --bb-blue-46-a14:rgba(55,112,167,0.14);
  --bb-blue-a00:rgba(0,124,186,0);
  --bb-blue-a06:rgba(0,124,186,0.06);
  --bb-blue-a10:rgba(0,124,186,0.1);
  --bb-blue-a12:rgba(0,124,186,0.12);
  --bb-blue-a18:rgba(0,124,186,0.18);
  --bb-blue-a35:rgba(0,124,186,0.35);
  --bb-blue-a45:rgba(0,124,186,0.45);
  --bb-blue-a55:rgba(0,124,186,0.55);
  --bb-brick-a06:rgba(154,51,36,0.06);
  --bb-brick-a07:rgba(154,51,36,0.07);
  --bb-brick-a12:rgba(154,51,36,0.12);
  --bb-brick-a28:rgba(154,51,36,0.28);
  --bb-cool-50-a96:rgba(248,250,252,0.96);
  --bb-cool-75-a45:rgba(243,247,252,0.45);
  --bb-cool-75-a96:rgba(243,247,252,0.96);
  --bb-gray-0-a22:rgba(0,0,0,0.22);
  --bb-gray-0-a25:rgba(0,0,0,0.25);
  --bb-green-52-a08:rgba(111,131,86,0.08);
  --bb-green-52-a14:rgba(111,131,86,0.14);
  --bb-indigo-12-a02:rgba(23,32,51,0.02);
  --bb-indigo-12-a04:rgba(23,32,51,0.04);
  --bb-indigo-12-a07:rgba(23,32,51,0.07);
  --bb-indigo-12-a12:rgba(23,32,51,0.12);
  --bb-indigo-40-a04:rgba(35,95,169,0.04);
  --bb-indigo-40-a10:rgba(35,95,169,0.1);
  --bb-indigo-40-a18:rgba(35,95,169,0.18);
  --bb-indigo-40-a25:rgba(35,95,169,0.25);
  --bb-ink-a04:rgba(35,31,32,0.045);
  --bb-ink-a10:rgba(35,31,32,0.1);
  --bb-ink-a14:rgba(35,31,32,0.14);
  --bb-ink-a22:rgba(35,31,32,0.22);
  --bb-ink-a30:rgba(35,31,32,0.3);
  --bb-ink-a42:rgba(35,31,32,0.42);
  --bb-ink-a52:rgba(35,31,32,0.52);
  --bb-ink-a62:rgba(35,31,32,0.62);
  --bb-orange-52-a07:rgba(179,106,40,0.07);
  --bb-orange-52-a10:rgba(179,106,40,0.1);
  --bb-orange-52-a14:rgba(179,106,40,0.14);
  --bb-orange-52-a30:rgba(179,106,40,0.3);
  --bb-orange-52-a35:rgba(179,106,40,0.35);
  --bb-paper-a96:rgba(250,248,245,0.96);
  --bb-red-40-a10:rgba(180,35,24,0.1);
  --bb-white-a05:rgba(255,255,255,0.05);
  --bb-white-a16:rgba(255,255,255,0.16);
  --bb-white-a18:rgba(255,255,255,0.18);
  --bb-white-a22:rgba(255,255,255,0.22);
  --bb-white-a30:rgba(255,255,255,0.3);
  --bb-white-a34:rgba(255,255,255,0.34);
  --bb-white-a55:rgba(255,255,255,0.55);
  --bb-white-a60:rgba(255,255,255,0.6);
  --bb-white-a62:rgba(255,255,255,0.62);
  --bb-white-a70:rgba(255,255,255,0.7);
  --bb-white-a75:rgba(255,255,255,0.75);
  /* translucent, used by the note module */
  --bb-blue-a09:rgba(0,124,186,0.09);
  --bb-brick-a08:rgba(154,51,36,0.08);
  --bb-orange-52-a16:rgba(179,106,40,0.16);
  --bb-brick-a10:rgba(154,51,36,0.1);
  --bb-green-52-a16:rgba(111,131,86,0.16);
  --bb-brick-a13:rgba(154,51,36,0.13);
  /* ---- end generated palette ---- */

  /* ---- semantic ----------------------------------------------------- */
  /* surfaces and text */
  --bg:var(--bb-paper);  --panel:var(--bb-white);  --paper:var(--bb-paper);
  --linen:var(--bb-linen);  --hair:var(--bb-hair);  --stone:var(--bb-stone);
  --ink:var(--bb-ink);  --ink-2:var(--bb-ink-2);  --ink-3:var(--bb-ink-3);
  --muted:var(--bb-ink-2);  --info:var(--bb-ink-2);  --line:var(--bb-hair);

  /* brand */
  --brand:var(--bb-blue);  --brand2:var(--bb-blue-tint);  --brand-strong:var(--bb-navy-strong);
  --brand-text:var(--bb-blue);   /* brand blue as text on a normal (not tinted) background */
  --brand-disabled:var(--bb-blue-disabled);   /* fill of a disabled primary button */
  --table-head-bg:var(--bb-blue-wash);
  --brand-ink:var(--bb-blue-ink);   /* brand blue for small text on light or tinted backgrounds:
                                       selected tabs and chips, links in tinted bands */
  --blue:var(--bb-blue);  --blue-deep:var(--bb-blue-deep);
  --blue-tint:var(--bb-blue-tint);  --blue-line:var(--bb-blue-line);

  /* status */
  --ok:var(--bb-moss);  --warn:var(--bb-ochre);  --bad:var(--bb-brick);
  --ok-ink:var(--bb-moss-deep);   /* status text on a green tint */
  --moss:var(--bb-moss);  --ochre:var(--bb-ochre);  --brick:var(--bb-brick);

  /* controls */
  --control-bg:var(--bb-cool-50);  --control-hover:var(--bb-cool-75);  --control-h:34px;
  --focus:0 0 0 3px rgba(0,124,186,.22);
  --tap:44px;  --tap-op:52px;

  /* shape */
  --r:10px;  --shadow:none;
  --shadow-pop:0 18px 44px rgba(28,48,78,.22);   /* floating panels */
  --on-brand:var(--bb-white);                    /* text on a brand-blue fill */

  /* type */
  --ui:var(--bb-font-ui);  --dis:var(--bb-font-display);  --id:var(--bb-font-mono);
  --display:var(--bb-font-display);

  /* spacing */
  --s1:var(--bb-space-1);  --s2:var(--bb-space-2);  --s3:var(--bb-space-3);
  --s4:var(--bb-space-4);  --s5:var(--bb-space-5);  --s6:var(--bb-space-6);

  /* sidebar */
  --side-bg:var(--bb-navy-900);  --side-edge:var(--bb-navy-700);
  --side-hover:var(--bb-navy-800);  --side-active:var(--bb-navy-750);
  --side-border:var(--bb-navy-600);
  --side-text:var(--bb-navy-text);  --side-text-strong:var(--bb-navy-text-strong);
  --side-text-muted:var(--bb-navy-text-muted);  --side-label:var(--bb-navy-label);
  --side-dot:var(--bb-amber);  --side-text-active:var(--bb-white);
  --side-note:var(--bb-navy-note);  --side-alert:var(--bb-navy-alert);   /* data-mode label under the logo */

  /* practice-scope band (neutral twin of the patient scope band) */
  --scope-edge:var(--bb-blue-edge);
  --scope-practice-bg:var(--bb-cool-100);  --scope-practice-edge:var(--bb-cool-200);
  --scope-practice-ink:var(--bb-cool-600);
}

/* ---- Web Awesome bridge ----------------------------------------------
   Web Awesome's design tokens, pointed at ours. Its own values live in a CSS
   layer (wa-theme), so these unlayered declarations win; and because they refer
   to our semantic names, they follow light and dark mode with nothing extra. */
:root{
  --wa-font-family-body:var(--ui);  --wa-font-family-heading:var(--ui);
  --wa-font-family-longform:var(--ui);  --wa-font-family-code:var(--id);

  --wa-color-surface-default:var(--panel);  --wa-color-surface-raised:var(--panel);
  --wa-color-surface-lowered:var(--bg);  --wa-color-surface-border:var(--line);
  --wa-color-text-normal:var(--ink);  --wa-color-text-quiet:var(--ink-3);
  --wa-color-text-link:var(--brand-text);
  --wa-color-focus:var(--brand);

  --wa-color-brand-fill-loud:var(--brand);  --wa-color-brand-on-loud:var(--on-brand);
  --wa-color-brand-fill-normal:var(--brand2);  --wa-color-brand-on-normal:var(--brand-ink);
  --wa-color-brand-fill-quiet:var(--brand2);  --wa-color-brand-on-quiet:var(--brand-ink);
  --wa-color-brand-border-loud:var(--brand);  --wa-color-brand-border-normal:var(--brand);
  --wa-color-brand-border-quiet:var(--line);

  --wa-color-neutral-fill-loud:var(--ink);  --wa-color-neutral-on-loud:var(--panel);
  --wa-color-neutral-fill-normal:var(--linen);  --wa-color-neutral-on-normal:var(--ink);
  --wa-color-neutral-fill-quiet:var(--panel);  --wa-color-neutral-on-quiet:var(--ink-2);
  --wa-color-neutral-border-loud:var(--ink-3);  --wa-color-neutral-border-normal:var(--line);
  --wa-color-neutral-border-quiet:var(--line);

  --wa-color-success-on-quiet:var(--ok-ink);  --wa-color-success-on-normal:var(--ok-ink);
  --wa-color-success-border-loud:var(--ok);
  --wa-color-warning-on-quiet:var(--warn);  --wa-color-warning-on-normal:var(--warn);
  --wa-color-warning-border-loud:var(--warn);
  --wa-color-danger-on-quiet:var(--bad);  --wa-color-danger-on-normal:var(--bad);
  --wa-color-danger-border-loud:var(--bad);

  --wa-form-control-background-color:var(--panel);  --wa-form-control-border-color:var(--line);
  --wa-form-control-value-color:var(--ink);  --wa-form-control-label-color:var(--ink);
  --wa-form-control-hint-color:var(--ink-3);  --wa-form-control-placeholder-color:var(--ink-3);
  --wa-form-control-activated-color:var(--brand);
}

/* ---- dark mode -------------------------------------------------------
   One block. web/appearance.js turns the user's choice (System / Light / Dark)
   into data-theme="light" or "dark" on <html>; "System" is resolved there from
   the OS setting, so the dark values are written once. Screen only: print is
   always light. The generated part remaps the palette (scripts/maintenance/
   theme-dark.py); the semantic part below it is hand-tuned. */
@media screen{
:root[data-theme="dark"]{
  color-scheme:dark;

  /* ---- generated dark palette (theme-dark.py) ---- */
  --bb-blue-deep:#689cd2;
  --bb-blue-ink:#679ccb;
  --bb-blue-tint:#2b3033;
  --bb-blue-line:#3a505b;
  --bb-blue-edge:#343c45;
  --bb-blue-wash:#2f353a;
  --bb-blue-disabled:#3f535e;
  --bb-ink:#e5e0e1;
  --bb-ink-2:#949698;
  --bb-ink-3:#a19c96;
  --bb-paper:#2b2a28;
  --bb-linen:#33312d;
  --bb-hair:#413e3a;
  --bb-stone:#59544e;
  --bb-cool-50:#28292a;
  --bb-cool-75:#292b2e;
  --bb-cool-100:#2c2d2f;
  --bb-cool-200:#33363a;
  --bb-cool-600:#939fb2;
  --bb-moss:#92a37c;
  --bb-moss-deep:#8b9a77;
  --bb-ochre:#d08e5a;
  --bb-brick:#df7864;
  --bb-blue-82:#3f4952;
  --bb-blue-82-2:#334a60;
  --bb-blue-81:#394b5d;
  --bb-blue-77:#4b535d;
  --bb-blue-76:#4b5461;
  --bb-blue-72:#95c1f0;
  --bb-blue-70:#9cbeec;
  --bb-blue-67:#96bbe0;
  --bb-blue-64:#8fb8e3;
  --bb-blue-60:#9cb1d1;
  --bb-blue-56:#9aacc9;
  --bb-blue-50:#89a4e1;
  --bb-blue-50-2:#91a5c7;
  --bb-blue-49:#98a4b6;
  --bb-blue-47:#98a1b5;
  --bb-blue-46:#78a2d8;
  --bb-blue-41:#8e9ab3;
  --bb-blue-40:#8a9ab3;
  --bb-blue-40-2:#789ad0;
  --bb-blue-36:#8895a8;
  --bb-blue-34:#a3aec5;
  --bb-blue-32:#a7b4cf;
  --bb-blue-32-2:#abb4c5;
  --bb-blue-28:#aebcd6;
  --bb-blue-28-2:#a8bbe9;
  --bb-blue-27:#b6bfd3;
  --bb-blue-25:#b3c4ec;
  --bb-blue-23:#bcc8dd;
  --bb-blue-20:#c3ceeb;
  --bb-blue-11:#dce6fa;
  --bb-gray-99:#282723;
  --bb-gray-98:#2c2828;
  --bb-gray-98-2:#262a28;
  --bb-gray-92:#343536;
  --bb-gray-86:#3f4141;
  --bb-gray-70:#bababa;
  --bb-gray-59:#adafb1;
  --bb-gray-0:#ffffff;
  --bb-green-97:#282c2a;
  --bb-green-94:#30322d;
  --bb-green-90:#2e3b34;
  --bb-green-89:#343d38;
  --bb-green-83:#43483b;
  --bb-green-71:#abc39a;
  --bb-green-61:#68c38f;
  --bb-green-55:#8cb1a1;
  --bb-green-52:#9aad82;
  --bb-green-46:#69ad8b;
  --bb-indigo-49:#ac98dc;
  --bb-indigo-40:#7599e1;
  --bb-indigo-36:#7494d7;
  --bb-indigo-12:#dae1f6;
  --bb-orange-52:#df965a;
  --bb-red-87:#4c3836;
  --bb-red-82:#574240;
  --bb-red-82-2:#544443;
  --bb-red-65:#eea293;
  --bb-red-40:#f66f56;
  --bb-red-31:#f49e91;
  --bb-red-29:#f5a596;
  --bb-slate-92:#2e343d;
  --bb-slate-89:#373a3f;
  --bb-slate-87:#383e42;
  --bb-slate-86:#3d4046;
  --bb-slate-79:#484e56;
  --bb-slate-75:#51565d;
  --bb-slate-62:#a7b3c3;
  --bb-slate-60:#a7b0bf;
  --bb-slate-58:#a0b0ba;
  --bb-slate-57:#a0adbf;
  --bb-slate-55:#a1aaba;
  --bb-slate-52:#9ea7b6;
  --bb-slate-40:#8e9aab;
  --bb-slate-19:#c6d2e1;
  --bb-warm-98:#2b2923;
  --bb-warm-97:#2f2b2a;
  --bb-warm-94:#33302c;
  --bb-warm-93:#36312f;
  --bb-warm-82:#524543;
  --bb-yellow-97:#2e2b21;
  --bb-yellow-88:#403c30;
  --bb-yellow-87:#453d26;
  --bb-yellow-73:#6b5626;
  --bb-yellow-68:#e6ae6f;
  --bb-blue-11-a24:rgba(220,230,250,0.24);
  --bb-blue-11-a42:rgba(220,230,250,0.42);
  --bb-blue-20-a13:rgba(195,206,235,0.13);
  --bb-blue-20-a14:rgba(195,206,235,0.14);
  --bb-blue-46-a14:rgba(120,162,216,0.14);
  --bb-brick-a06:rgba(223,120,100,0.06);
  --bb-brick-a07:rgba(223,120,100,0.07);
  --bb-brick-a12:rgba(223,120,100,0.12);
  --bb-brick-a28:rgba(223,120,100,0.28);
  --bb-cool-50-a96:rgba(40,41,42,0.96);
  --bb-cool-75-a45:rgba(41,43,46,0.45);
  --bb-cool-75-a96:rgba(41,43,46,0.96);
  --bb-gray-0-a22:rgba(255,255,255,0.22);
  --bb-gray-0-a25:rgba(255,255,255,0.25);
  --bb-green-52-a08:rgba(154,173,130,0.08);
  --bb-green-52-a14:rgba(154,173,130,0.14);
  --bb-indigo-12-a02:rgba(218,225,246,0.02);
  --bb-indigo-12-a04:rgba(218,225,246,0.04);
  --bb-indigo-12-a07:rgba(218,225,246,0.07);
  --bb-indigo-12-a12:rgba(218,225,246,0.12);
  --bb-indigo-40-a04:rgba(117,153,225,0.04);
  --bb-indigo-40-a10:rgba(117,153,225,0.1);
  --bb-indigo-40-a18:rgba(117,153,225,0.18);
  --bb-indigo-40-a25:rgba(117,153,225,0.25);
  --bb-ink-a04:rgba(229,224,225,0.045);
  --bb-ink-a10:rgba(229,224,225,0.1);
  --bb-ink-a14:rgba(229,224,225,0.14);
  --bb-ink-a22:rgba(229,224,225,0.22);
  --bb-ink-a30:rgba(229,224,225,0.3);
  --bb-ink-a42:rgba(229,224,225,0.42);
  --bb-ink-a52:rgba(229,224,225,0.52);
  --bb-ink-a62:rgba(229,224,225,0.62);
  --bb-orange-52-a07:rgba(223,150,90,0.07);
  --bb-orange-52-a10:rgba(223,150,90,0.1);
  --bb-orange-52-a14:rgba(223,150,90,0.14);
  --bb-orange-52-a30:rgba(223,150,90,0.3);
  --bb-orange-52-a35:rgba(223,150,90,0.35);
  --bb-paper-a96:rgba(43,42,40,0.96);
  --bb-red-40-a10:rgba(246,111,86,0.1);
  --bb-brick-a08:rgba(223,120,100,0.08);
  --bb-orange-52-a16:rgba(223,150,90,0.16);
  --bb-brick-a10:rgba(223,120,100,0.1);
  --bb-green-52-a16:rgba(154,173,130,0.16);
  --bb-brick-a13:rgba(223,120,100,0.13);
  /* ---- end generated dark palette ---- */

  /* ---- semantic (hand-tuned) ---- */
  --bg:var(--bb-night-paper);  --panel:var(--bb-night-panel);  --paper:var(--bb-night-paper);
  --linen:var(--bb-night-linen);  --hair:var(--bb-night-hair);  --stone:var(--bb-night-stone);
  --ink:var(--bb-night-ink);  --ink-2:var(--bb-night-ink-2);  --ink-3:var(--bb-night-ink-3);
  --muted:var(--bb-night-ink-2);  --info:var(--bb-night-ink-2);  --line:var(--bb-night-hair);

  --brand2:var(--bb-night-blue-tint);  --brand-ink:var(--bb-night-blue-ink);  --brand-text:var(--bb-night-blue-ink);
  --blue-tint:var(--bb-night-blue-tint);  --blue-line:var(--bb-night-blue-line);
  --blue-deep:var(--bb-night-blue-ink);
  --brand-disabled:var(--bb-night-blue-disabled);  --table-head-bg:var(--bb-night-blue-wash);

  --ok:var(--bb-night-moss);  --ok-ink:var(--bb-night-moss);  --warn:var(--bb-night-ochre);  --bad:var(--bb-night-brick);
  --moss:var(--bb-night-moss);  --ochre:var(--bb-night-ochre);  --brick:var(--bb-night-brick);

  --control-bg:var(--bb-night-control);  --control-hover:var(--bb-night-control-hover);
  --shadow-pop:0 18px 44px rgba(0,0,0,.55);

  --scope-edge:var(--bb-night-blue-line);
  --scope-practice-bg:var(--bb-night-cool-100);  --scope-practice-edge:var(--bb-night-cool-200);
  --scope-practice-ink:var(--bb-night-ink-2);
}
}