/* Designtokens — Getinge Samhällsförening
   Färgerna är hämtade ur föreningens logotyp (vete/kugghjul, grönt och guld).
   Varje kombination nedan är kontrastmätt mot WCAG 2.2 AA; värdet står i kommentaren. */

:root {
  /* Grön skala */
  --gs-green-900: #14532D;  /*  9.11:1 mot vitt — stora rubriker  */
  --gs-green-800: #1B5E20;  /*  7.87:1 mot vitt — primärfärg      */
  --gs-green-700: #15803D;  /*  5.02:1 mot vitt — hover           */
  --gs-green-50:  #F1F7F2;  /*  ljus bakgrundston                 */

  /* Guld — aldrig som textfärg mot vitt (2.38:1). Bara som yta. */
  --gs-gold:      #D4A017;  /*  mörk text på guld: 7.95:1         */
  --gs-gold-dark: #8A6100;  /*  5.54:1 mot vitt — ikon/ram        */

  /* Text */
  --gs-ink:       #1A1A1A;  /* 17.40:1 — brödtext                 */
  --gs-ink-muted: #3F4A5A;  /*  8.98:1 — datum, metadata          */

  /* Ytor */
  --gs-bg:        #FFFFFF;
  --gs-surface:   #F7F8F7;
  --gs-border:    #CBD3CC;  /*  1.53:1 — endast dekorativa avdelare        */
  --gs-border-ui: #7A8B7C;  /*  3.61:1 — ram på klickbara ytor (WCAG 1.4.11) */

  --gs-danger:    #B3261E;  /*  7.00:1 mot vitt                   */

  /* Typografi — rem så att webbläsarzoom och egen textstorlek fungerar.
     Basen är 19px (1.1875rem vid 16px root) enligt kravet 16–99 år. */
  --gs-text-base:  1.1875rem;  /* 19px */
  --gs-text-sm:    1.0625rem;  /* 17px — metadata, aldrig brödtext */
  --gs-text-lg:    1.375rem;   /* 22px */
  --gs-text-xl:    1.75rem;    /* 28px */
  --gs-text-2xl:   2.25rem;    /* 36px */
  --gs-text-3xl:   2.75rem;    /* 44px */

  --gs-leading:      1.7;
  --gs-leading-head: 1.25;
  --gs-measure:      68ch;   /* radlängd brödtext */

  /* Rytm — 8px-steg */
  --gs-space-1: 0.5rem;
  --gs-space-2: 1rem;
  --gs-space-3: 1.5rem;
  --gs-space-4: 2rem;
  --gs-space-5: 3rem;
  --gs-space-6: 4rem;

  --gs-radius: 6px;
  --gs-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);

  /* Minsta träffyta — WCAG 2.2 AA kräver 24px, Apple/Material 44–48. */
  --gs-touch: 44px;
}