/* BŒF STHLM — delade design-tokens.
   Varje tal här är uppmätt, inte valt. Se docs/spec.md avsnitt 4 för kontrastmatrisen.
   Riktningarna får bygga vidare med egna tokens, men aldrig skriva över ett mätt värde
   med ett gissat. */

:root {
  /* Varumärkets sex färger, ur brandguiden */
  --burgundy: #3B0F16;
  --forest:   #1F2F2A;
  --navy:     #1B2638;
  --charcoal: #2B2B2B;
  --stone:    #B7B2AA;
  --ivory:    #F5F3EF;

  /* Härledda: nästan-svart samplat ur renderingarna */
  --ink: #100E0F;

  /* Mässing, samplad ur renderingarnas faktiska pixlar.
     Tre värden eftersom ett guld inte kan göra tre jobb. */
  --brass:      #C9A063; /* ornament + text pa mork grund      5.80-7.96:1 */
  --brass-ljus: #E0B87C; /* text pa mork grund som ska lysa    7.55-10.37:1 */
  --brass-mork: #8A5F22; /* det ENDA massing som bar text pa ivory   5.07:1 */

  /* Dampad text pa ivory. Stone faller till 1.90:1 dar och far inte anvandas. */
  --dimmad: #726D64;     /* 4.64:1 pa ivory */

  /* Typografi. Helvetica Neue kommer fran besokarens eget system;
     Inter ar den OFL-licensierade ersattaren. Ingen inbaddning av HN. */
  --font: "Helvetica Neue", Helvetica, Inter, "Helvetica Now Display", Arial, sans-serif;

  /* Brandguidens rost: versaler med generost tracking */
  --track-display: .18em;
  --track-etikett: .3em;

  /* Rytm */
  --s-1: .25rem;
  --s-2: .5rem;
  --s-3: .75rem;
  --s-4: 1rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-24: 6rem;

  --matt: 78rem;          /* satsbredd */
  --tap: 44px;            /* tap target-golv */
}

*, *::before, *::after { box-sizing: border-box; }

img, video {
  display: block;
  max-width: 100%;
  height: auto;           /* utan denna stracker max-width varje bild med width/height-attribut */
}
[hidden] { display: none !important; }

/* Avmarkerade listor tappar listsemantiken i Safari/VoiceOver utan role="list" */
ul[role="list"], ol[role="list"] { list-style: none; margin: 0; padding: 0; }

a { color: inherit; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}