/**
 * Baaring Banke Kalender — design tokens
 *
 * Extracted from the live baaringbanke.dk (Breakdance global settings,
 * The Events Calendar variables, and the Montserrat/Kangge font stack).
 * Every token is overridable from the plugin settings page (Step 6d):
 * the settings output writes a <style> block that redefines the brand
 * variables on :root, so these values are the defaults/fallbacks.
 */
:root {
  /* ---- Brand palette (from Breakdance --bde-palette-color-*) ---- */
  --bbk-color-primary:        #184853; /* dark teal — buttons, accents, links */
  --bbk-color-primary-hover:  #123942; /* darkened teal for hover/active */
  --bbk-color-secondary:      #99B7F5; /* light blue — Breakdance brand primary */
  --bbk-color-accent:         #ED513A; /* warm red — dates, "I dag", highlights */
  --bbk-color-olive:          #BAB757; /* olive/gold — fourth palette tone */
  --bbk-color-cream:          #F4F3EC; /* warm off-white surface */

  /* ---- Surfaces & text (from Breakdance grey scale) ---- */
  --bbk-color-bg:             #f9fafb; /* grey-50 — page background */
  --bbk-color-surface:        #ffffff; /* cards / cells */
  --bbk-color-text:           #374151; /* grey-700 — body text */
  --bbk-color-heading:        #111827; /* grey-900 — headings */
  --bbk-color-muted:          #787e8b; /* grey-450 — secondary text (AA on white) */
  --bbk-color-border:         #d1d5db; /* grey-300 — borders, dividers */

  /* ---- Typography ----
   * Defaults to "inherit" so the calendar adopts whatever font the
   * surrounding page uses (Montserrat / Kangge on baaringbanke.dk). If a
   * future theme change swaps fonts, the calendar follows automatically.
   * An admin can override with literal font names in the Indstillinger ->
   * "Tilpasset CSS" textarea if needed. */
  --bbk-font-heading: inherit;
  --bbk-font-body:    inherit;
  --bbk-font-weight-normal: 400;
  --bbk-font-weight-medium: 500;
  --bbk-font-weight-bold:   700;

  --bbk-base-font-size: 16px;        /* never below 16px (accessibility) */
  --bbk-font-size-ratio: 1.25;       /* modular scale used site-wide */
  --bbk-h1: 3.052rem;  /* ~48.8px */
  --bbk-h2: 2.441rem;  /* ~39.1px */
  --bbk-h3: 1.953rem;  /* ~31.25px */
  --bbk-h4: 1.563rem;  /* ~25px */
  --bbk-h5: 1.25rem;   /* 20px */
  --bbk-h6: 1rem;      /* 16px */
  --bbk-line-height: 1.6;

  /* ---- Shape & spacing ---- */
  --bbk-radius:        3px;   /* matches --bde-button-border-radius */
  --bbk-radius-pill:   999px; /* category badges */
  --bbk-border-width:  1px;
  --bbk-gap:           1rem;
  --bbk-column-gap:    32px;
  --bbk-section-width: 1120px;

  /* ---- Buttons (from --bde-button-*) ---- */
  --bbk-button-padding:        14px 24px;
  --bbk-button-text-color:     #ffffff;
  --bbk-button-font-weight:    500;
  --bbk-tap-target:            48px; /* min click target, WCAG */

  /* ---- Effects ---- */
  --bbk-shadow:        0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --bbk-shadow-hover:  0 4px 12px rgba(0,0,0,.12);
  --bbk-transition:    200ms ease;
  --bbk-focus-ring:    0 0 0 3px rgba(24,72,83,.45); /* visible focus, AA */

  /* ---- Default category colours (Step 5) ----
     Six visually distinct hues harmonised with the site palette.
     Stored here only as defaults; real values live in term meta. */
  --bbk-cat-gudstjeneste:  #184853; /* teal */
  --bbk-cat-marked:        #ED513A; /* red */
  --bbk-cat-forening:      #4F7CAC; /* muted blue */
  --bbk-cat-boern-og-unge: #E9A23B; /* amber */
  --bbk-cat-natur:         #5B8C5A; /* green */
  --bbk-cat-kultur:        #8B5E9E; /* purple */
}