/* Margin · farveroller. Én blok pr. hud. Sider bruger KUN var(--m-*). */
:root,
html.hud.margin {
  --m-bg: #f2f3f4;
  --m-surface: #ffffff;
  --m-field: #e9ebed;
  --m-line: #dadcde;
  --m-line-soft: #e9ebed;
  --m-faint: #9a9da1;
  --m-muted: #5f6368;
  --m-text: #1d1f21;
  --m-paper: #fffdf8;
  --m-paper-line: #e8e2d6;
  --m-paper-text: #2a2620;
  --m-paper-muted: #8a8276;
  --m-ink: #1d2d3d;
  --m-ink-fg: #ffffff;
  --m-dark: #1d2d3d;
  --m-accent: #2c455d;
  --m-tint: #eef2f6;
  --m-on-dark: #94bce3;
  --m-ai: #2c455d;
  --m-ai-tint: #eef2f6;
  --m-ok: #3e7d52;
  --m-ok-tint: #e6f0e9;
  --m-wait: #a8730f;
  --m-wait-tint: #faf3e3;
  --m-rec: #e5484d;
  --m-incognito: #8a8d91;
  /* v439 · handoff 209: samtykke, frosset slettet felt, intet gemmes, knappernes hjørner, skrifterne */
  --m-consent:#2c455d;
  --m-consent-tint:#eef2f6;
  --m-cut:#b3403a;
  --m-paused:#9a9da1;
  --m-radius-btn:0;
  --m-font-head:'Barlow Condensed',sans-serif;
  --m-head-weight:600;
  --m-head-case:none;
  --m-font-body:'Barlow',sans-serif;
  --m-font-num:ui-monospace,Menlo,monospace;
  --m-font-paper:'Newsreader',Georgia,serif;
}

html.hud.signal {
  --m-bg: #101114;
  --m-surface: #1B1D22;
  --m-field: #22252B;
  --m-line: #2C3038;
  --m-line-soft: rgba(243,242,238,.07);
  --m-faint: #7C818B;
  --m-muted: #A6ABB5;
  --m-text: #F3F2EE;
  --m-paper: #1B1D22;
  --m-paper-line: #2C3038;
  --m-paper-text: #C9CCD3;
  --m-paper-muted: #A6ABB5;
  --m-ink: #F3F2EE;
  --m-ink-fg: #101114;
  --m-dark: #0a0b0d;
  --m-accent: #F3F2EE;
  --m-tint: #22252B;
  --m-on-dark: #C9CCD3;
  --m-ai: #D4F36B;
  --m-ai-tint: #2a2f1c;
  --m-ok: #7FD1B9;
  --m-ok-tint: #1f2f2a;
  --m-wait: #F0C36B;
  --m-wait-tint: #2e2818;
  --m-rec: #FF5B3A;
  --m-incognito: #8E7CFF;
  /* v439 · handoff 209: samtykke, frosset slettet felt, intet gemmes, knappernes hjørner, skrifterne */
  --m-consent:#7FB8F0;
  --m-consent-tint:#1a2733;
  --m-cut:#FF7A5E;
  --m-paused:#7C818B;
  --m-radius-btn:12px;
  --m-font-head:'Archivo',sans-serif;
  --m-head-weight:800;
  --m-head-case:uppercase;
  --m-font-body:'Archivo',sans-serif;
  --m-font-num:'JetBrains Mono',monospace;
  --m-font-paper:'Archivo',sans-serif;
}

html.hud.margen {
  --m-bg: #F5F0E6;
  --m-surface: #FBF8F2;
  --m-field: #EFE8DA;
  --m-line: #CFC4B2;
  --m-line-soft: #DDD3C4;
  --m-faint: #8F8577;
  --m-muted: #5A5048;
  --m-text: #1E1A16;
  --m-paper: #FBF8F2;
  --m-paper-line: #CFC4B2;
  --m-paper-text: #1E1A16;
  --m-paper-muted: #5A5048;
  --m-ink: #1E1A16;
  --m-ink-fg: #FBF8F2;
  --m-dark: #1E1A16;
  --m-accent: #2F5D46;
  --m-tint: #EAE3D4;
  --m-on-dark: #CFC4B2;
  --m-ai: #7A5A12;
  --m-ai-tint: #EFE2B8;
  --m-ok: #2F5D46;
  --m-ok-tint: #E7EEE6;
  --m-wait: #7A5A12;
  --m-wait-tint: #EFE2B8;
  --m-rec: #B4441C;
  --m-incognito: #3B2A4A;
  /* v439 · handoff 209: samtykke, frosset slettet felt, intet gemmes, knappernes hjørner, skrifterne */
  --m-consent:#2F5D46;
  --m-consent-tint:#EAE3D4;
  --m-cut:#9E3A18;
  --m-paused:#8F8577;
  --m-radius-btn:10px;
  --m-font-head:'Source Serif 4',Georgia,serif;
  --m-head-weight:400;
  --m-head-case:none;
  --m-font-body:'Instrument Sans',sans-serif;
  --m-font-num:'JetBrains Mono',monospace;
  --m-font-paper:'Source Serif 4',Georgia,serif;
}

html.hud.bordet {
  --m-bg: #F4F1EA;
  --m-surface: #FFFFFF;
  --m-field: #EDE9DF;
  --m-line: #E2DDD2;
  --m-line-soft: #EDE9DF;
  --m-faint: #8A93A0;
  --m-muted: #4D5866;
  --m-text: #18222E;
  --m-paper: #FFFFFF;
  --m-paper-line: #E2DDD2;
  --m-paper-text: #18222E;
  --m-paper-muted: #4D5866;
  --m-ink: #2C47B5;
  --m-ink-fg: #FFFFFF;
  --m-dark: #18222E;
  --m-accent: #2C47B5;
  --m-tint: #E6E9FB;
  --m-on-dark: #C9D0DA;
  --m-ai: #2C47B5;
  --m-ai-tint: #E6E9FB;
  --m-ok: #0E7C6B;
  --m-ok-tint: #DDF0EC;
  --m-wait: #9A6B00;
  --m-wait-tint: #F6ECD2;
  --m-rec: #D93D3D;
  --m-incognito: #2A2440;
  /* v439 · handoff 209: samtykke, frosset slettet felt, intet gemmes, knappernes hjørner, skrifterne */
  --m-consent:#2C47B5;
  --m-consent-tint:#E6E9FB;
  --m-cut:#C23434;
  --m-paused:#9AA1AB;
  --m-radius-btn:999px;
  --m-font-head:'Bricolage Grotesque',sans-serif;
  --m-head-weight:800;
  --m-head-case:none;
  --m-font-body:'Atkinson Hyperlegible',sans-serif;
  --m-font-num:'Atkinson Hyperlegible',sans-serif;
  --m-font-paper:'Atkinson Hyperlegible',sans-serif;
}

html.hud.lag {
  --m-bg: #FAFAF7;
  --m-surface: #FFFFFF;
  --m-field: #F0F0EB;
  --m-line: #E3E3DE;
  --m-line-soft: #ECECE7;
  --m-faint: #8A8A85;
  --m-muted: #5C5C5C;
  --m-text: #111111;
  --m-paper: #FFFFFF;
  --m-paper-line: #E3E3DE;
  --m-paper-text: #2E2E2E;
  --m-paper-muted: #5C5C5C;
  --m-ink: #111111;
  --m-ink-fg: #FAFAF7;
  --m-dark: #111111;
  --m-accent: #111111;
  --m-tint: #F0F0EB;
  --m-on-dark: #CFCFC8;
  --m-ai: #1F4FE0;
  --m-ai-tint: #E6ECFF;
  --m-ok: #127A4B;
  --m-ok-tint: #E3F1EA;
  --m-wait: #8A5A00;
  --m-wait-tint: #F5ECD9;
  --m-rec: #D92D20;
  --m-incognito: #3A2E5C;
  /* v439 · handoff 209: samtykke, frosset slettet felt, intet gemmes, knappernes hjørner, skrifterne */
  --m-consent:#1F4FE0;
  --m-consent-tint:#E6ECFF;
  --m-cut:#C2271C;
  --m-paused:#9a9a96;
  --m-radius-btn:4px;
  --m-font-head:'Newsreader',Georgia,serif;
  --m-head-weight:500;
  --m-head-case:none;
  --m-font-body:'Geist',system-ui,sans-serif;
  --m-font-num:'Geist Mono',monospace;
  --m-font-paper:'Newsreader',Georgia,serif;
}

/* v466 · handoff 242: ikonfelternes glans pr. familie (lys · mørk · rgb til skyggen) og pausens prik.
   Designerens Bordet-værdier - ens i alle fem hude, til designeren tegner dem pr. hud. */
:root {
  --m-tile-tjek-l: #43C7A8; --m-tile-tjek-d: #0E7C6B; --m-tile-tjek-rgb: 14,124,107;
  --m-tile-dok-l: #7491F2; --m-tile-dok-d: #2C47B5; --m-tile-dok-rgb: 44,71,181;
  --m-tile-opgave-l: #F8C75A; --m-tile-opgave-d: #C98712; --m-tile-opgave-rgb: 201,135,18;
  --m-tile-rum-l: #66768A; --m-tile-rum-d: #18222E; --m-tile-rum-rgb: 24,34,46;
  --m-tile-forslag-l: #F5837A; --m-tile-forslag-d: #C23636; --m-tile-forslag-rgb: 194,54,54;
  --m-tile-ink-l: #46566B; --m-tile-ink-d: #0E151D; --m-tile-ink-rgb: 14,21,29;
  --m-tile-fg: #FFFDF8;
  /* lyse flader pr. familie (kartotekets Læg på · Altid til · Sådan ligger den) */
  --m-tile-tjek-t: #DDEFE9; --m-tile-dok-t: #E2E7F8; --m-tile-opgave-t: #F6EAD0; --m-tile-rum-t: #E9E3D7; --m-tile-forslag-t: #F9E1E1; --m-tile-ink-t: #E9E3D7;
  --m-hs-pause: #F2C463;
  --m-hs-sol: #F2C463; --m-hs-sky: #D5D9DF; --m-hs-sky2: #C9CED6; --m-hs-sky3: #B9C0C9; --m-hs-ud2: #E5B044;   /* + skyet sky, Uden for referats anden stribe (245) */   /* Stemningens vejr (handoff 243) */
  --m-hs-dock-a: rgba(255,253,248,.95); --m-hs-dock-b: rgba(244,241,234,.9);
  /* v467 (add-on 245): designerens svage streg (sidesporets skinner, skærmens linjer) og den tomme ring (drejebogens trin) */
  --m-hs-streg: #CFC8BA; --m-hs-ring: #B9B2A4; --m-hs-flade2: #F1ECE2; --m-hs-tom: #0E151D;
}