/* =====================================================================
   Rampart Garrison 3.0.1 (Feature Request #77) - COLOUR THEMES, one per person.
   ---------------------------------------------------------------------
   A theme is a FAMILY (Rampart, Graphite, Ember, Rose, Lavender, Harbor, Forest, Teal, Crimson) in a MODE (light or dark). <html> carries both:   data-palette="rose"  data-theme="dark"
   data-theme (light / dark) is what every older rule in rampart-theme.css already keys on (the light-only fixes, the dark-only fixes), so it keeps meaning exactly that.
   data-palette only swaps the VARIABLES below. "rampart" (or no data-palette) is the navy + orange look and needs nothing here - its variables are the two blocks at the top of
   rampart-theme.css. Loaded AFTER rampart-theme.css and fields.css and written with two attributes in the selector so it always wins over both.
   Each person's choice is kept on the server (Settings > Appearance; user_prefs 'theme_palette' + 'theme_mode'); the sun / moon button in the top bar switches the mode.
   RULES (same as rampart-theme.css): never hard-code a colour in a view or in app.css - add a VARIABLE to every block here; the contrast of each pair was checked (body text 7:1+,
   muted / link text and white-on-accent buttons 4.5:1+). The generator that wrote this file is not part of the site; edit the blocks by hand and re-check contrast.
   ===================================================================== */

html[data-palette="rose"][data-theme="light"]{
  /* Rose Quartz - Gray + pink, light */
  --blue:#dc1f72; --blue-d:#b0125a; --link:#c8135f; --hivis:#ff8fc0; --accent-rgb:220,31,114; --accent-wash:rgba(220,31,114,.09);   /* 3.1.7: a brighter pink (was #c2185b); white on it is 4.7:1 */
  --navy-900:#2e2431; --navy-850:#3a2e3d; --navy-800:#48394a; --navy-700:#5a4a5c;
  --bg:#f4f1f3; --card:#ffffff; --card-2:#ece7eb;
  --text:#2b2530; --text-soft:#4f4755; --muted:#6b6270; --line:#e2dce1; --ink:#2b2530; --gray:#6b6270;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#f1ecf0; --code-fg:#2b2530; --code-line:#d9d0d6;
  --field-bg:#ffffff; --field-line:#cdbfca;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:#e8e5e7; --tint-neutral-fg:#4f4755;
  --btn-bg:#ffffff; --btn-bg-h:#f3eef2; --btn-line:#cdbfca; --btn-line-h:#a695a3;
  --th-bg:#f8f5f7; --hover-row:rgba(43,37,48,.04);
}
html[data-palette="rose"][data-theme="dark"]{
  /* Charcoal Rose - Gray + pink, dark */
  --blue:#e12369; --blue-d:#bd1a57; --link:#ff8fc0; --hivis:#ff8fc0; --accent-rgb:225,35,105; --accent-wash:rgba(225,35,105,.14);   /* 3.1.7: a brighter pink (was #cd3e79); white on it is 4.5:1 */
  --navy-900:#161418; --navy-850:#201e23; --navy-800:#2a272d; --navy-700:#38343c;
  --bg:#1e1c20; --card:#2a272d; --card-2:#252329;
  --text:#f1eaf0; --text-soft:#cfc5cd; --muted:#aaa0a9; --line:#403b43; --ink:#f1eaf0; --gray:#aaa0a9;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#151317; --code-fg:#ffd3e3; --code-line:#4a444d;
  --field-bg:#242227; --field-line:#5a5360;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6cdd8;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="lavender"][data-theme="light"]{
  /* Lavender - Purple + pink, light */
  --blue:#7a3fc4; --blue-d:#5f2da0; --link:#6a31b0; --hivis:#f06ba8; --accent-rgb:122,63,196; --accent-wash:rgba(122,63,196,.09);
  --navy-900:#2a1e45; --navy-850:#35274f; --navy-800:#3f2f63; --navy-700:#52407b;
  --bg:#f1ebf8; --card:#ffffff; --card-2:#e9e0f4;
  --text:#2a2140; --text-soft:#4b4166; --muted:#665c82; --line:#ddd1ee; --ink:#2a2140; --gray:#665c82;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#efe8f7; --code-fg:#2a2140; --code-line:#d7c9ea;
  --field-bg:#ffffff; --field-line:#c9b8e3;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:#e5dfed; --tint-neutral-fg:#4b4166;
  --btn-bg:#ffffff; --btn-bg-h:#f3edfa; --btn-line:#c9b8e3; --btn-line-h:#a28dc9;
  --th-bg:#f7f3fb; --hover-row:rgba(42,33,64,.04);
}
html[data-palette="lavender"][data-theme="dark"]{
  /* Plum Night - Purple + pink, dark */
  --blue:#9257d7; --blue-d:#7a40bd; --link:#e38ac4; --hivis:#f06ba8; --accent-rgb:146,87,215; --accent-wash:rgba(146,87,215,.13);
  --navy-900:#120d19; --navy-850:#1b1326; --navy-800:#241a33; --navy-700:#33264a;
  --bg:#17111f; --card:#241a33; --card-2:#1f1629;
  --text:#f0e9f8; --text-soft:#cbbfdc; --muted:#a597ba; --line:#3b2d52; --ink:#f0e9f8; --gray:#a597ba;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#120d19; --code-fg:#f5cdea; --code-line:#46345f;
  --field-bg:#1f1629; --field-line:#54427a;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6cdd8;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="harbor"][data-theme="light"]{
  /* Harbor Blue - Slate blue, light */
  --blue:#2f64c0; --blue-d:#234f9b; --link:#2358b0; --hivis:#7fb0f5; --accent-rgb:47,100,192; --accent-wash:rgba(47,100,192,.09);
  --navy-900:#27334a; --navy-850:#31405c; --navy-800:#3a4a68; --navy-700:#4b5d80;
  --bg:#eaeef4; --card:#ffffff; --card-2:#e0e6ef;
  --text:#1c2638; --text-soft:#3d4a62; --muted:#55627a; --line:#d5dce8; --ink:#1c2638; --gray:#55627a;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#e9eef5; --code-fg:#1c2638; --code-line:#cfd8e6;
  --field-bg:#ffffff; --field-line:#bcc8dc;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:#dee2e9; --tint-neutral-fg:#3d4a62;
  --btn-bg:#ffffff; --btn-bg-h:#eff3f9; --btn-line:#bcc8dc; --btn-line-h:#8d9db9;
  --th-bg:#f4f7fb; --hover-row:rgba(28,38,56,.04);
}
html[data-palette="harbor"][data-theme="dark"]{
  /* Midnight Slate - Slate blue, dark */
  --blue:#3974d2; --blue-d:#2c5eb0; --link:#8ab8ff; --hivis:#7fb0f5; --accent-rgb:57,116,210; --accent-wash:rgba(57,116,210,.13);
  --navy-900:#10141c; --navy-850:#1a2030; --navy-800:#222a39; --navy-700:#2f3a52;
  --bg:#171c26; --card:#222a39; --card-2:#1d2432;
  --text:#e8edf6; --text-soft:#bcc7da; --muted:#97a4bb; --line:#35405a; --ink:#e8edf6; --gray:#97a4bb;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#10141c; --code-fg:#cfe2ff; --code-line:#3f4b68;
  --field-bg:#1d2432; --field-line:#4a587a;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6cdd8;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}

/* the few dark-only rules in rampart-theme.css that name a navy colour (chart grid lines and labels) follow the theme's own line / muted colours instead */
html[data-palette]:not([data-palette="rampart"])[data-theme="dark"] .chart-svg line{stroke:var(--line) !important}
html[data-palette]:not([data-palette="rampart"])[data-theme="dark"] .chart-svg text{fill:var(--muted) !important}
/* login-style gradient and code panels that were navy in the dark look */
html[data-palette]:not([data-palette="rampart"])[data-theme="dark"] .note-box .cn-code,
html[data-palette]:not([data-palette="rampart"])[data-theme="dark"] .note-box pre{background:var(--code-bg)}
/* the Appearance page (Settings > Appearance): the theme tiles */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:6px 0 4px}
.theme-tile{position:relative;display:block;margin:0;padding:12px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;transition:border-color .12s,box-shadow .12s}
.theme-tile:hover{border-color:var(--btn-line-h)}
.theme-tile input{position:absolute;opacity:0;pointer-events:none}
.theme-tile:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px var(--accent-wash)}
.theme-tile:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.theme-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.theme-sw{display:block;height:74px;border-radius:9px;border:1px solid rgba(128,128,128,.35);overflow:hidden;position:relative}
.theme-sw i{position:absolute;display:block}
.theme-sw .t-top{left:0;right:0;top:0;height:14px}
.theme-sw .t-acc{left:0;right:0;top:14px;height:3px}
.theme-sw .t-card{left:8px;right:8px;top:26px;height:20px;border-radius:5px}
.theme-sw .t-bar{left:8px;width:46%;top:52px;height:6px;border-radius:3px}
.theme-sw .t-btn{right:8px;width:26%;top:50px;height:12px;border-radius:6px}
.theme-name{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-weight:700;color:var(--text)}
.theme-name small{font-weight:500;color:var(--muted)}
.theme-cur[hidden]{display:none}   /* 3.1.7: without this the display below overrides the hidden attribute and EVERY tile said "Your theme" */
.theme-cur{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--accent-wash);color:var(--link)}
.theme-modes{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 14px}
.theme-modes label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--btn-line);border-radius:999px;cursor:pointer;font-weight:600;background:var(--btn-bg)}
.theme-modes label:has(input:checked){border-color:var(--blue);background:var(--accent-wash);color:var(--link)}

/* ==== 3.1.8 NEW THEMES (Graphite, Ember, Forest, Teal, Crimson) - generated; each pair was contrast-checked ==== */
html[data-palette="graphite"][data-theme="light"]{
  /* Silver - Graphite, light */
  --blue:#5a6572; --blue-d:#4a535e; --link:#3c4651; --hivis:#9aa5b1; --accent-rgb:90,101,114; --accent-wash:rgba(90,101,114,.09);
  --navy-900:#25292d; --navy-850:#2f3438; --navy-800:#3a4046; --navy-700:#4a5159;
  --bg:#eceef0; --card:#ffffff; --card-2:#e2e5e8;
  --text:#1f2328; --text-soft:#444b53; --muted:#5f6770; --line:#d6dadf; --ink:#1f2328; --gray:#5f6770;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#e8eaed; --code-fg:#1f2328; --code-line:#d0d4d9;
  --field-bg:#ffffff; --field-line:#bcc3ca;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:rgba(31,35,40,0.07); --tint-neutral-fg:#444b53;
  --btn-bg:#ffffff; --btn-bg-h:#e3e6e9; --btn-line:#bcc3ca; --btn-line-h:#969ca2;
  --th-bg:#f0f2f4; --hover-row:rgba(31,35,40,0.04);
}
html[data-palette="graphite"][data-theme="dark"]{
  /* Graphite - Graphite, dark */
  --blue:#6b7683; --blue-d:#5b646f; --link:#c3ccd6; --hivis:#c3ccd6; --accent-rgb:107,118,131; --accent-wash:rgba(107,118,131,.14);
  --navy-900:#121314; --navy-850:#1a1b1d; --navy-800:#26282b; --navy-700:#34373b;
  --bg:#1b1c1e; --card:#26282b; --card-2:#212325;
  --text:#eceff1; --text-soft:#c3c8cd; --muted:#9aa1a8; --line:#3a3d41; --ink:#eceff1; --gray:#9aa1a8;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#151617; --code-fg:#dfe5ea; --code-line:#44484d;
  --field-bg:#212325; --field-line:#53575d;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6d6d6;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="ember"][data-theme="light"]{
  /* Ember Light - Ember, light */
  --blue:#cd4d0b; --blue-d:#ab4009; --link:#c2410c; --hivis:#ff8a3d; --accent-rgb:205,77,11; --accent-wash:rgba(205,77,11,.09);
  --navy-900:#000000; --navy-850:#0b0b0b; --navy-800:#141414; --navy-700:#2a2a2a;
  --bg:#f6f3ef; --card:#ffffff; --card-2:#ece7e1;
  --text:#1a1a1a; --text-soft:#444444; --muted:#666059; --line:#e3dcd3; --ink:#1a1a1a; --gray:#666059;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#f0ebe5; --code-fg:#1a1a1a; --code-line:#ddd5cb;
  --field-bg:#ffffff; --field-line:#c9c0b6;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:rgba(26,26,26,0.07); --tint-neutral-fg:#444444;
  --btn-bg:#ffffff; --btn-bg-h:#ede8e2; --btn-line:#c9c0b6; --btn-line-h:#a19a92;
  --th-bg:#f6f3f0; --hover-row:rgba(26,26,26,0.04);
}
html[data-palette="ember"][data-theme="dark"]{
  /* Black & Orange - Ember, dark */
  --blue:#cd4d0b; --blue-d:#ab4009; --link:#ff8a3d; --hivis:#ff9a4d; --accent-rgb:205,77,11; --accent-wash:rgba(205,77,11,.14);
  --navy-900:#000000; --navy-850:#050505; --navy-800:#0f0f0f; --navy-700:#1d1d1d;
  --bg:#050505; --card:#141414; --card-2:#0d0d0d;
  --text:#f5f5f5; --text-soft:#d0d0d0; --muted:#a3a3a3; --line:#2b2b2b; --ink:#f5f5f5; --gray:#a3a3a3;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#0a0a0a; --code-fg:#ffc999; --code-line:#333333;
  --field-bg:#0d0d0d; --field-line:#4a4a4a;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6d6d6;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="forest"][data-theme="light"]{
  /* Meadow - Forest, light */
  --blue:#2e8734; --blue-d:#256c2a; --link:#26692b; --hivis:#6fcf7a; --accent-rgb:46,135,52; --accent-wash:rgba(46,135,52,.09);
  --navy-900:#162b1b; --navy-850:#1d3823; --navy-800:#24432b; --navy-700:#305a38;
  --bg:#eef3ee; --card:#ffffff; --card-2:#e1eae1;
  --text:#1b2a1f; --text-soft:#3d4f42; --muted:#5a6c5f; --line:#d3dfd4; --ink:#1b2a1f; --gray:#5a6c5f;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#e6eee6; --code-fg:#1b2a1f; --code-line:#cddccf;
  --field-bg:#ffffff; --field-line:#b4c8b6;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:rgba(27,42,31,0.07); --tint-neutral-fg:#3d4f42;
  --btn-bg:#ffffff; --btn-bg-h:#e2ebe2; --btn-line:#b4c8b6; --btn-line-h:#90a092;
  --th-bg:#f0f4f0; --hover-row:rgba(27,42,31,0.04);
}
html[data-palette="forest"][data-theme="dark"]{
  /* Pine - Forest, dark */
  --blue:#2e8737; --blue-d:#256c2c; --link:#7ddf8a; --hivis:#7ddf8a; --accent-rgb:46,135,55; --accent-wash:rgba(46,135,55,.14);
  --navy-900:#0a120c; --navy-850:#0f1a12; --navy-800:#18281c; --navy-700:#223524;
  --bg:#0f1a12; --card:#18281c; --card-2:#132016;
  --text:#e8f2ea; --text-soft:#bccfbf; --muted:#94ac98; --line:#2a3f2f; --ink:#e8f2ea; --gray:#94ac98;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#0b140d; --code-fg:#b9f0c0; --code-line:#2f4733;
  --field-bg:#132016; --field-line:#476049;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6d6d6;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="teal"][data-theme="light"]{
  /* Lagoon - Teal, light */
  --blue:#008577; --blue-d:#006157; --link:#00695c; --hivis:#4fd1c5; --accent-rgb:0,133,119; --accent-wash:rgba(0,133,119,.09);
  --navy-900:#0b2a30; --navy-850:#0f3540; --navy-800:#134048; --navy-700:#1d5560;
  --bg:#ecf4f5; --card:#ffffff; --card-2:#dfecee;
  --text:#14292d; --text-soft:#36505a; --muted:#52707a; --line:#d0e0e3; --ink:#14292d; --gray:#52707a;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#e3eff1; --code-fg:#14292d; --code-line:#cadfe2;
  --field-bg:#ffffff; --field-line:#aecbd0;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:rgba(20,41,45,0.07); --tint-neutral-fg:#36505a;
  --btn-bg:#ffffff; --btn-bg-h:#e0edef; --btn-line:#aecbd0; --btn-line-h:#8ba2a6;
  --th-bg:#eff6f6; --hover-row:rgba(20,41,45,0.04);
}
html[data-palette="teal"][data-theme="dark"]{
  /* Deep Teal - Teal, dark */
  --blue:#118578; --blue-d:#0d655b; --link:#5eead4; --hivis:#5eead4; --accent-rgb:17,133,120; --accent-wash:rgba(17,133,120,.14);
  --navy-900:#06110f; --navy-850:#0a1a1d; --navy-800:#12282c; --navy-700:#1b3a40;
  --bg:#0a1a1d; --card:#12282c; --card-2:#0e2124;
  --text:#e4f3f4; --text-soft:#b6d0d3; --muted:#8fb0b5; --line:#223f44; --ink:#e4f3f4; --gray:#8fb0b5;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#08171a; --code-fg:#a8f3e8; --code-line:#2a4a50;
  --field-bg:#0e2124; --field-line:#3f6a70;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6d6d6;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
html[data-palette="crimson"][data-theme="light"]{
  /* Poppy - Crimson, light */
  --blue:#d32f2f; --blue-d:#b72727; --link:#b71c1c; --hivis:#ff7a7a; --accent-rgb:211,47,47; --accent-wash:rgba(211,47,47,.09);
  --navy-900:#240f11; --navy-850:#2f1619; --navy-800:#3a1c1f; --navy-700:#512a2e;
  --bg:#f7f1f1; --card:#ffffff; --card-2:#efe4e4;
  --text:#2a1a1a; --text-soft:#503a3a; --muted:#70585a; --line:#e6d6d6; --ink:#2a1a1a; --gray:#70585a;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --code-bg:#f1e7e7; --code-fg:#2a1a1a; --code-line:#e2d0d0;
  --field-bg:#ffffff; --field-line:#d2b9ba;
  --danger-fg:#c5221f; --warn-fg:#a15600; --good-fg:#137333;
  --tint-neutral-bg:rgba(42,26,26,0.07); --tint-neutral-fg:#503a3a;
  --btn-bg:#ffffff; --btn-bg-h:#efe5e5; --btn-line:#d2b9ba; --btn-line-h:#a89495;
  --th-bg:#f7f2f2; --hover-row:rgba(42,26,26,0.04);
}
html[data-palette="crimson"][data-theme="dark"]{
  /* Crimson Night - Crimson, dark */
  --blue:#df3333; --blue-d:#ce2020; --link:#ff8a80; --hivis:#ff8a80; --accent-rgb:223,51,51; --accent-wash:rgba(223,51,51,.14);
  --navy-900:#12090a; --navy-850:#1f1213; --navy-800:#2a1a1c; --navy-700:#3b2427;
  --bg:#1a0f10; --card:#2a1a1c; --card-2:#231416;
  --text:#f6eaea; --text-soft:#d6bcbc; --muted:#b09494; --line:#432a2d; --ink:#f6eaea; --gray:#b09494;
  --shadow:0 2px 8px rgba(0,0,0,.40);
  --code-bg:#150b0c; --code-fg:#ffc2bc; --code-line:#4a3033;
  --field-bg:#231416; --field-line:#6a4a4d;
  --danger-fg:#ff9d90; --warn-fg:#ffb596; --good-fg:#7fe3a0;
  --tint-neutral-bg:rgba(255,255,255,.07); --tint-neutral-fg:#d6d6d6;
  --btn-bg:rgba(255,255,255,.07); --btn-bg-h:rgba(255,255,255,.13); --btn-line:rgba(255,255,255,.20); --btn-line-h:rgba(255,255,255,.32);
  --th-bg:rgba(255,255,255,.03); --hover-row:rgba(255,255,255,.04);
}
/* Ember: the bar along the top and the highlights are the bright orange, not the (darker) button orange that has to carry white text */
html[data-palette="ember"] .topbar{border-bottom-color:var(--hivis)}
html[data-palette="ember"] .snav-item.active .snav-title,html[data-palette="ember"] .ox-tab.on .ox-ic{color:var(--hivis)}
/* ==== end 3.1.8 new themes ==== */