/* ==========================================================================
   A Close Shave — designtokens for retningen "Linje"
   Værdierne er hentet 1:1 fra prototypens CLAUDE.md. Ret dem her, ét sted.
   ========================================================================== */

:root {
  /* --- Brandfarver ------------------------------------------------------ */
  --acs-evergreen:      #041B15;  /* primær mørk flade */
  --acs-evergreen-soft: #0a241c;  /* citatsektion, lidt lysere mørk */
  --acs-blue:           #628395;  /* Air Force Blue — DEKORATION */
  --acs-palm:           #7F9371;  /* Palm Leaf — DEKORATION */
  --acs-sage:           #C6D0BC;  /* salviegrøn sekundærflade */
  --acs-sand:           #F6F1E7;  /* primær baggrund */
  --acs-sand-deep:      #EAE1CE;  /* dybere sand */
  --acs-sand-card:      #EFE7D6;  /* fladefarve til kort */
  --acs-cream:          #E2D4BA;  /* creme på mørk flade */

  /* --- Tekstfarver, WCAG AA --------------------------------------------- *
   * VIGTIGT: --acs-blue og --acs-palm er dekorationsfarver. De består ikke
   * kontrastkravet som småtekst og må kun bruges til streger, scribbles og
   * ikoner. Til tekst bruges varianterne nedenfor.                          */

  /* på lys sandbaggrund */
  --acs-ink:            #041B15;  /* overskrifter */
  --acs-ink-body:       #26302a;  /* brødtekst, body default */
  --acs-ink-muted:      #45514a;  /* dæmpet brødtekst */
  --acs-ink-muted-2:    #3c473c;
  --acs-ink-nav:        #3a453b;  /* inaktive nav-links */
  --acs-label-palm:     #4a5a3f;  /* palmegrøn label */
  --acs-label-blue:     #3d5a6c;  /* blå eyebrow / aktivt nav-link */
  --acs-label-small:    #4d5744;  /* 11px branche-labels */
  --acs-label-case:     #5b6e4f;  /* case-undersider */

  /* på mørk evergreen-baggrund */
  --acs-on-dark:        #F6F1E7;
  --acs-on-dark-muted:  rgba(246, 241, 231, .75);
  --acs-on-dark-faint:  rgba(246, 241, 231, .45);
  --acs-label-palm-dk:  #A8BE9C;
  --acs-label-blue-dk:  #9DBACB;

  /* --- Hårstregs-linjer -------------------------------------------------- */
  --acs-rule:           #d8cdb5;                  /* på sand */
  --acs-rule-strong:    rgba(4, 27, 21, .18);     /* på sand, kraftigere */
  --acs-rule-dark:      rgba(226, 212, 186, .28); /* på evergreen */
  --acs-rule-sage:      #a9b69d;                  /* på salviegrøn */

  /* --- Typografi --------------------------------------------------------- */
  --acs-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --acs-w-light:  300;  /* overskrifter */
  --acs-w-body:   400;  /* brødtekst */
  --acs-w-medium: 500;  /* h3 */
  --acs-w-label:  600;  /* eyebrows, versaler */
  --acs-w-bold:   700;  /* aktivt nav-link, CTA */

  --acs-track-tight: -.02em;   /* store overskrifter */
  --acs-track-tight-2: -.015em;
  --acs-track-label: .18em;    /* eyebrows */
  --acs-track-caps:  .14em;    /* figcaptions */

  /* --- Mål og rytme ------------------------------------------------------ */
  --acs-maxw: 1320px;
  --acs-gutter: clamp(20px, 4vw, 56px);
  /* Den gennemsigtige header ligger oven på indholdet. Højden her lader
     siderne under den reservere præcis den plads, den optager. */
  --acs-header-h: 79px;
  --acs-section-y: clamp(56px, 7vw, 100px);
}

@media (max-width: 700px) {
  :root { --acs-header-h: 70px; }
}