/* ═══════════════════════════════════════════════════════════
   Surviving SharePoint · guide layout-studie — design tokens
   Farvearkiv (fuld historie): ssp-farvepalette-arkiv.md
   Guide-mapning: ../ssp-guide-farver-zoner.md
   ═══════════════════════════════════════════════════════════ */

/* ── Hill (lokal studie-kopi; se fonts/README.md) ── */
@font-face {
  font-family: "Hill";
  src: url("fonts/Hill-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hill";
  src: url("fonts/Hill.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hill";
  src: url("fonts/Hill-Demibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hill";
  src: url("fonts/Hill-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Palette-anker (ref. Color Palette Generator) */
  --base-midnight: #3b4069;
  --base-beige: #ece0d5;
  --base-mist: #f0f3eb;
  --base-coral: #ff593e;

  /* Base neutrals (layout-studie) */
  --color-black: #111111;
  --color-black-deep: #050505;
  --color-black-light: #272727;
  --color-blackish: #1a1a1a;
  --color-gray-dark: #333333;
  --color-gray: #707070;
  --color-gray-facet: #8f8f8f;
  --color-gray-light: #cccccc;
  --color-white: #f5f5f5;
  --color-paper: #f5f5f5;
  --color-accent: #f7931e;
  --color-coral: var(--base-coral);
  --color-midnight: var(--base-midnight);

  /* Type */
  --font-hill: "Hill", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  --font-size-base: 19px;
  --font-lineheight-base: 1.33em;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-demibold: 600;
  --font-weight-bold: 700;
  --font-size-meta: 0.78947368rem;
  --font-size-small: 0.84210526rem;
  --font-size-header-small: 1.3rem;
  --font-size-header-medium: 2rem;

  /* Layout */
  --facet-md-width: 330px;
  --masonry-gap: 0.75rem;
  --nav-h: 4.5rem;
  --search-animation-timing: 0.5s;
  --cubic-ease-out: cubic-bezier(0.5, 1, 0.5, 1);

  /* ── Guide-emner v2 (aktiv, 2026-08-04 polish) ── */
  --topic-aubergine: #3b1a2e;
  --topic-purpur: #7a2a68;
  --topic-amber: #f59a12;
  --topic-midnight: #2c3358;
  --topic-violet: #5b3a9e;
  --topic-mandarin: #c9891a;
  --topic-coral: #ff593e;
  --topic-indigo: #3d2870;
  --topic-jade: #1f7a5c;
  --topic-rust: #a03d28;
  --topic-grafit: #4a4f56;

  /* Nummererede aliases (v2) */
  --topic-01: var(--topic-aubergine);
  --topic-02: var(--topic-purpur);
  --topic-03: var(--topic-amber);
  --topic-04: var(--topic-midnight);
  --topic-05: var(--topic-violet);
  --topic-06: var(--topic-mandarin);
  --topic-07: var(--topic-coral);
  --topic-08: var(--topic-indigo);
  --topic-09: var(--topic-jade);
  --topic-10: var(--topic-rust);
  --topic-11: var(--topic-grafit);

  /* ── Guide-emner v1 (arkiv — må ikke slettes) ── */
  --topic-aubergine-v1: #3b1a2e;
  --topic-purpur-v1: #7a2f6b;
  --topic-amber-v1: #f5a03a;
  --topic-midnight-v1: #3b4069;
  --topic-violet-v1: #6b2d8a;
  --topic-mandarin-v1: #e07020;
  --topic-coral-v1: #ff593e;
  --topic-indigo-v1: #4a2a6b;
  --topic-jade-v1: #2f6b5a;
  --topic-rust-v1: #b54a32;
  --topic-grafit-v1: #5a5a5a;

  /* ── Farvenavne-bank 01–24 (studie, alle beholdt) ── */
  --zone-01: #3b1a2e; /* Aubergine */
  --zone-02: #5c2048; /* Blomme */
  --zone-03: #7a2f6b; /* Purpur v1-bank */
  --zone-04: #8e3a7a; /* Orkidé */
  --zone-05: #9b3d5c; /* Vin */
  --zone-06: #a84242; /* Terracotta */
  --zone-07: #c45a2c; /* Kobber */
  --zone-08: #e07020; /* Mandarin v1 */
  --zone-09: #f08a28; /* Orange */
  --zone-10: #f5a03a; /* Amber v1 */
  --zone-11: #6b2d8a; /* Violet v1 */
  --zone-12: #4a2a6b; /* Indigo v1 */
  --zone-13: #ff593e; /* Coral */
  --zone-14: #3b4069; /* Midnight v1 */
  --zone-15: #4e1838; /* Bordeaux */
  --zone-16: #6e2a4a; /* Figen */
  --zone-17: #b85c7a; /* Rosa */
  --zone-18: #b54a32; /* Rust v1 */
  --zone-19: #9c4a2e; /* Sienna */
  --zone-20: #d4552a; /* Paprika */
  --zone-21: #e8a020; /* Safran */
  --zone-22: #d4a84b; /* Honning */
  --zone-23: #7b5ea7; /* Lavendel */
  --zone-24: #5b3a8c; /* Ametyst */
}