/* requiem.nw - THEME

 *

 * The gate of days. Every variable here has a twin in every other gate theme

 * under the SAME name, so one structural stylesheet serves them all and each

 * looks like itself.

 *

 * Requiem is slate: a quiet gate, almost colourless, with one deep red for the

 * accent - the red of remembrance rather than of fire. It should feel like

 * standing in a cold hall, because most of the people held here did not choose

 * to be here.

 *

 * A day within this gate wears its own face over this one. September 11th is

 * red and blue; a Welsh valley will be green and black. Those live in

 * assets/css/events/<slug>/theme.css and load after this file.

 *

 * Structure lives in /shared/memorial/memorial-core.css, loaded first. This

 * file defines all 135 variables memorial-core.css consumes. Add a var(--mem-x)

 * to memorial-core and you must add x to every gate theme, or the gate that

 * lacks it renders that rule against nothing.

 */

:root {

  --mem-topbar-h:104px; --mem-topbar-row-h:56px; --mem-topbar-search-h:48px;

  --mem-feat-c:#37414e;

  --mem-bg:#0a0a0b; --mem-bg2:#0d0e0f;

  --mem-surface:#121213; --mem-surface1:#151516; --mem-surface2:#18191b;

  --mem-card:#121314;

  --mem-border:#2b2d31;

  --mem-gold:#d9293d; --mem-t1:#f2f3f4; --mem-t2:#a4a9b0; --mem-t3:#61676f;

  --mem-shadow:0 4px 24px rgba(0,0,0,0.6);

  --mem-pill-bg:rgba(232,99,26,0.08);

  --mem-max-w:1440px;

  --mem-radius-sm:2px; --mem-radius:4px; --mem-radius-lg:8px;

  --mem-trans:200ms ease;

  --mem-black:#000; --mem-white:#fff;

  --mem-btn-dark:#1a1c1e; --mem-btn-dark2:#23262a;

  --mem-modal-backdrop:rgba(0,0,0,0.72);

  --mem-modal-shadow:0 12px 48px rgba(0,0,0,0.7);

  --mem-wall-bg:#0a0a0a;

  --mem-wall-bd1:#1a1a1a; --mem-wall-bd2:#2a2a2a;

  --mem-wall-bd3:#333; --mem-wall-bd4:#444; --mem-wall-bd5:#555;

  --mem-wall-dark:#111;

  --mem-wall-text:#8a929e; --mem-wall-text-hi:#909aa8;

  --mem-wall-gold:#871825; --mem-wall-gold-hi:#d9263b;

  --mem-wall-surface:#160406; --mem-wall-surface2:#24060a;

  --mem-wall-hover2:#1e2124;

  --mem-wall-granite:#1c1c1c; --mem-wall-granite2:#242424;

  --mem-wall-granite3:#2c2c2c; --mem-wall-granite4:#343434;

  --mem-wall-granite5:#3c3c3c;

  --mem-wall-granite-lt1:#e0e2e4; --mem-wall-granite-lt2:#ced0d2;

  --mem-wall-panel:#151515; --mem-wall-panel2:#1d1d1d; --mem-wall-panel3:#252525;

  --mem-wall-panel-num-c:#6b7179;

  --mem-wall-name:#b4bbc4; --mem-wall-name-hi:#f0a8b1;

  --mem-wall-name-eow-c:#777f89; --mem-wall-name-rank-c:#6b7179;

  --mem-wall-candle:#3a1015; --mem-wall-candle-lit:#e15868;

  --mem-wall-found:#d9293d;

  --mem-wall-stream:#141414;

  --mem-wall-stream-agency:#7a8088; --mem-wall-stream-eow:#5f646b;

  --mem-wall-stream-sentinel-bg:#0e1114;

  --mem-wall-sentinel-name:#e8a8af; --mem-wall-sentinel-une:#848b94;

  --mem-wall-sentinel-watch:#728196;

  --mem-wall-tab-c:#8a929e;

  --mem-wall-lt-bg:#e6e8ea; --mem-wall-lt-bd:#bdc1c7;

  --mem-wall-lt-text:#2f343b; --mem-wall-lt-surface:#edeef0;

  --mem-wall-lt-surface2:#fcf1f2; --mem-wall-lt-surface3:#f8d5d9;

  --mem-wall-lt-muted:#72777d; --mem-wall-lt-muted2:#8c8f94;

  --mem-wall-lt-alt:#e2e4e7; --mem-wall-lt-div:#9da1a7;

  --mem-wall-lt-div2:#a9aeb5; --mem-wall-lt-hover:#d9dbdf;

  --mem-wall-lt-dark:#2e3134; --mem-wall-lt-mid:#676a6f;

  --mem-wall-lt-warm:#e9ebee;

  --mem-wall-lt-panel:#faecee; --mem-wall-lt-panel-bd:#bdc1c7;

  --mem-wall-lt-entry-bd:#cdd0d5; --mem-wall-lt-entry-hover:#e1e3e7;

  --mem-wall-lt-grad-mid:#dddfe3; --mem-wall-lt-result-bd:#c2c6cc;

  --mem-wall-lt-stream-sen:#f8e4e6; --mem-wall-lt-tabs:#e2e4e7;

  --mem-founding-bg:#160406; --mem-founding-bg2:#24060a;

  --mem-founding-lt:#fae6e8; --mem-founding-amber:#de4456;

  --mem-tier-guardian:#4f5a69; --mem-tier-guardian-lt:#f2f5f8;

  --mem-tier-sentinel:#55585d; --mem-tier-sentinel-lt:#f9f9fa;

  --mem-cause-fel-c:#98a5b8; --mem-cause-acc-c:#d44051;

  --mem-cause-card-c:#94a0b0; --mem-cause-sui-c:#a8b0bc;

  --mem-cause-ill-c:#88909c; --mem-cause-und-c:#9a9a9a;

  --mem-type-pd-c:#7c8ca2; --mem-type-sp-c:#6d7887;

  --mem-type-hp-c:#d43a4c; --mem-type-tp-c:#6c7c92;

  --mem-type-co-c:#a5adb9; --mem-type-fa-c:#768498;

  --mem-type-up-c:#909dae; --mem-type-fel2-c:#808da0;

  --mem-veteran-c:#9aa5b4;

  --mem-type-sp-bd:#434a54; --mem-type-hp-bd:#a71d2d;

  --mem-type-co-bd:#616973; --mem-type-fa-bd:#8a202c;

  --mem-type-tt-bd:#4d5867; --mem-type-up-bd:#57606d;

}

[data-theme="dark"] {

  --mem-bg:#0a0a0b; --mem-bg2:#0d0e0f;

  --mem-surface:#121213; --mem-surface1:#151516; --mem-surface2:#18191b;

  --mem-card:#121314; --mem-border:#2b2d31;

  --mem-gold:#d9293d; --mem-gold-dim:#7f1723; --mem-blue:#751520;

  --mem-t1:#f2f3f4; --mem-t2:#a4a9b0; --mem-t3:#61676f;

  --mem-topbar-bg:#060607; --mem-topbar-bd:#202224;

  --mem-hero-bg:#0a0a0b;

  --mem-stats-bg:#0c0d0e; --mem-pillar-bg:#111315; --mem-scope-bg:#0a0b0c;

  --mem-legacy-bg:#0e1013; --mem-coming-bg:#0a0b0c;

  --mem-footer-bg:#040506; --mem-footer-t1:#f2f3f4;

  --mem-footer-t2:#898f97; --mem-footer-t3:#50555c;

  --mem-btn-dark:#1a1c1e; --mem-btn-dark2:#23262a;

  --mem-shadow:0 4px 24px rgba(0,0,0,0.6);

  --mem-modal-backdrop:rgba(0,0,0,0.72);

  --mem-pill-bg:rgba(232,99,26,0.08); --mem-pill-bd:rgba(232,99,26,0.2);

}

[data-theme="light"] {

  --mem-bg:#f5f6f7; --mem-bg2:#edeef0;

  --mem-surface:#ffffff; --mem-surface1:#f1f2f4; --mem-surface2:#e9ebed;

  --mem-card:#ffffff; --mem-border:#cdd0d4;

  --mem-gold:#a71d2d; --mem-gold-dim:#d9293d; --mem-blue:#751520;

  --mem-t1:#111315; --mem-t2:#373a3f; --mem-t3:#5f646b;

  --mem-topbar-bg:#ffffff; --mem-topbar-bd:#cdd0d4;

  --mem-hero-bg:#f5f6f7;

  --mem-stats-bg:#e9ebed; --mem-pillar-bg:#ffffff; --mem-scope-bg:#f5f6f7;

  --mem-legacy-bg:#e1e3e7; --mem-coming-bg:#ffffff;

  --mem-footer-bg:#111315; --mem-footer-t1:#f2f3f4;

  --mem-footer-t2:#91979f; --mem-footer-t3:#6f747b;

  --mem-btn-dark:#1d2023; --mem-btn-dark2:#282b30;

  --mem-shadow:0 4px 24px rgba(0,0,0,0.08);

  --mem-modal-backdrop:rgba(26,18,12,0.55);

  --mem-pill-bg:rgba(184,72,12,0.06); --mem-pill-bd:rgba(184,72,12,0.15);

}

