/* YBMA design tokens · v1.0 · Session 27 (14 September 2026) · CONFIRMED
   Three groups. Only the first is "brand colour". Do not promote anything from the other two.
   Source of truth for colour and type across web, product and templates. Mirrors tokens.json. */
:root {
  /* ── 1 · BRAND COLOURS (the identity) ─────────────────────────────────── */
  --ybma-indigo: #1F2C6B;   /* YBMA Indigo · a full field, or the one emphasised element on chalk · never a tint, never twice on one surface, never on ink */
  --ybma-ink:    #151412;   /* Ink · all text, the logo on light grounds, rules, icons, buttons · also the night ground */
  --ybma-chalk:  #F5F4F0;   /* Chalk · the default ground (≥60% of a light surface) · type on indigo and ink */

  /* ── 2 · SUPPORTING / UI COLOURS (functional, not brand) ──────────────── */
  --ybma-white:     #FFFFFF; /* digital surfaces, product UI, the logo on indigo and ink */
  --ybma-mist:      #E3E6F3; /* quiet indigo tint · panels, table stripes */
  --ybma-clay:      #E9DCCF; /* quiet warm tint · print page grounds only · never darker */
  --ybma-indigo-60: #3446A8; /* product UI only · focus ring, selected state, link hover */
  --ybma-grey-700:  #4B4A46; /* secondary text */
  --ybma-grey-500:  #7A7873; /* captions, metadata */
  --ybma-grey-300:  #B8B6AF; /* disabled, tertiary rules, context bars */
  --ybma-grey-200:  #DAD8D2; /* borders, rules */
  --ybma-grey-100:  #ECEAE5; /* UI surfaces, code blocks */

  /* ── 3 · SEMANTIC PRODUCT STATUS (YBMA Technology UI kit only · never in marketing) ── */
  --ybma-status-ok:    #2E6B4B; /* success · desaturated */
  --ybma-status-warn:  #8C6A1F; /* warning · desaturated ochre, deliberately not amber */
  --ybma-status-error: #A33A2E; /* error · desaturated */
  --ybma-status-info:  #3446A8; /* info = indigo 60 */
  /* status colours appear only in indicators (dot, badge, border, icon), never as fills behind text blocks */

  /* ── TYPE · Söhne (CONFIRMED). Buch 400 · Kräftig 500 · Halbfett 600 · Mono Buch. Breit Kräftig: one cover word only. ── */
  --ybma-font:      "Söhne", "Soehne", "Helvetica Neue", Helvetica, Arial, sans-serif;   /* the fallback is operational only */
  --ybma-font-mono: "Söhne Mono", "Soehne Mono", ui-monospace, Menlo, monospace;
  --ybma-font-wide: "Söhne Breit", "Soehne Breit", var(--ybma-font);
  --ybma-w-buch: 400; --ybma-w-kraftig: 500; --ybma-w-halbfett: 600;
  --ybma-display:  var(--ybma-w-halbfett) clamp(44px, 7vw, 96px)/0.98 var(--ybma-font); --ybma-display-tracking: -0.03em;  /* sentence case */
  --ybma-heading:  var(--ybma-w-halbfett) clamp(24px, 3vw, 40px)/1.1  var(--ybma-font); --ybma-heading-tracking: -0.02em;
  --ybma-label:    var(--ybma-w-kraftig) 12px/1.3 var(--ybma-font);   --ybma-label-tracking: 0.14em;  /* uppercase · ink or grey-500 · never indigo */
  --ybma-body:     var(--ybma-w-buch) 17px/1.5 var(--ybma-font);      --ybma-measure: 68ch;
  --ybma-data:     var(--ybma-w-kraftig) 1em/1 var(--ybma-font);      /* font-variant-numeric: tabular-nums; sized by context */
  --ybma-mono:     var(--ybma-w-buch) 13px/1.5 var(--ybma-font-mono);

  /* ── SPACING · 8-unit baseline ── */
  --ybma-s1: 4px; --ybma-s2: 8px; --ybma-s3: 12px; --ybma-s4: 16px; --ybma-s5: 24px; --ybma-s6: 32px; --ybma-s7: 48px; --ybma-s8: 64px; --ybma-s9: 96px; --ybma-s10: 128px;

  /* ── GRID ── */
  --ybma-columns: 12; --ybma-gutter: 24px; --ybma-margin: 32px; --ybma-max: 1240px;
  --ybma-bp-sm: 560px; --ybma-bp-md: 900px; --ybma-bp-lg: 1240px;

  /* ── SHAPE · one curved end, one square end ── */
  --ybma-radius-brand: 999px;  /* applied to ONE side of an element only (two adjacent corners) */
  --ybma-radius-ui: 4px;       /* product UI controls · never on brand surfaces */
  --ybma-rule: 2px;            /* stems and rules · square-ended · ink */

  /* ── LOGO ── */
  --ybma-logo-clear-wordmark: 0.32;  /* × cap height, all sides */
  --ybma-logo-clear-symbol: 0.20;    /* × side */
  --ybma-logo-min-wordmark: 20px; --ybma-logo-min-symbol: 16px; --ybma-logo-min-lockup: 24px;
  --ybma-logo-gap: 0.40;             /* symbol → wordmark in the lockup, × cap */
  --ybma-descriptor-cap: 0.22; --ybma-descriptor-gap: 0.24;  /* division descriptor, × cap */
  --ybma-endorse-symbol: 1.9;        /* symbol height × text cap in the endorsement line */

  /* ── MOTION · a cut or a quarter-turn ── */
  --ybma-cut: 0ms; --ybma-turn: 320ms; --ybma-ease: linear;
}