/* Tacets udtryk til demoen (Claus' designbrief 19/10): sand baggrund, dyb turkis tekst, Instrument Serif til overskrifter
   (400, aldrig fed), Instrument Sans til tekst (400/500), flade flader uden skygger, blå kun som sparsom accent.
   Gælder kun under <html data-brand="tacet">; KEN's sider er uændrede. Skrifterne er OFL og ligger lokalt (fonts/). */
@font-face { font-family: "Instrument Sans"; font-weight: 400 700; font-display: swap; src: url("../fonts/instrument-sans.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif-italic.woff2") format("woff2"); }

:root[data-brand="tacet"] {
  --tacet-primary: #174A42; --tacet-primary-hover: #0F3832; --tacet-bg: #F5F0EB; --tacet-bg-alt: #E8E8E8; --tacet-accent: #3269A0;
  --tacet-muted: color-mix(in srgb, #174A42 55%, #F5F0EB); --tacet-soft: color-mix(in srgb, #174A42 75%, #F5F0EB);
  --tacet-line: color-mix(in srgb, #174A42 20%, #F5F0EB); --tacet-tint: color-mix(in srgb, #174A42 6%, #F5F0EB);
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-core: "Instrument Sans", "Helvetica Neue", Arial, system-ui, sans-serif;
  /* KEN's farvenavne peger på Tacets palette, så alt, der bygger på tokens, skifter med. */
  --ken-blue-900: #0F3832; --ken-blue-800: #0F3832; --ken-blue: #174A42; --ken-blue-600: #174A42;
  --ken-blue-400: var(--tacet-muted); --ken-blue-200: var(--tacet-line); --ken-blue-100: var(--tacet-tint);
  --ken-orange: #3269A0; --ken-orange-700: #285785; --ken-orange-100: color-mix(in srgb, #3269A0 12%, #F5F0EB);
  --ken-graphite: #174A42; --ken-grey-600: var(--tacet-soft); --ken-grey-500: var(--tacet-muted); --ken-border: var(--tacet-line);
  --ken-grey-100: #F5F0EB; --ken-blue-white: var(--tacet-tint); --ken-cream: #F5F0EB; --ken-white: #FFFFFF;
  --ken-info: #174A42; --ken-info-100: var(--tacet-tint);
  --surface-page: #F5F0EB; --surface-card: transparent; --surface-card-quiet: var(--tacet-tint);
  --radius-0: 8px; --radius-sm: 6px; --radius: 8px;
  --border-hairline: .5px solid var(--tacet-line);
  --shadow-overlay: none; --shadow-dropdown: none;
}
:root[data-brand="tacet"] body { -webkit-font-smoothing: antialiased; }
:root[data-brand="tacet"] :is(h1, h2, h3, h4) { font-family: var(--font-serif); font-weight: 400; letter-spacing: -0.02em; }

/* Top-bjælken: lys og rolig som tacet.dk, med en tynd turkis streg i bunden. */
:root[data-brand="tacet"] .ken-topbar { background: #F5F0EB; color: #174A42; border-bottom: .5px solid var(--tacet-line); }
:root[data-brand="tacet"] .ken-topbar-brand img { width: auto; height: 22px; }
:root[data-brand="tacet"] .ken-topbar-product { border-left-color: var(--tacet-line); font-weight: 400; font-size: 17px; }
:root[data-brand="tacet"] .ken-topbar-session { color: var(--tacet-soft); }
:root[data-brand="tacet"] .ken-topbar-session button,
:root[data-brand="tacet"] .ken-topbar-session a { color: #174A42; }