/* Atelier Kell — colour. Five brand colours, plus the paper/muted values used on ink grounds.
   Never introduce a colour outside this file. */
:root{
  /* --- Base palette (the five --- */
  --ak-cream:#faf6ee;        /* warm page background, never pure white */
  --ak-ink:#2b2620;          /* text, headlines, dark section grounds */
  --ak-ink-soft:#6b6154;     /* body copy, captions, kickers */
  --ak-line:#e2d9c4;         /* hairline dividers only */
  --ak-terracotta:#a8664a;   /* accent — link hover only, never a fill */

  /* --- Values used on ink / photographic grounds --- */
  --ak-paper:#fbf8f2;        /* text + numerals on ink */
  --ak-paper-warm:#f1ece0;   /* text over photography */
  --ak-sand:#c9bfa9;         /* muted copy on ink */
  --ak-white:#ffffff;        /* panels in printed/reference material only */

  /* --- Transparencies (nav, overlays) --- */
  --ak-cream-82:rgba(250,246,238,0.82);
  --ak-line-60:rgba(226,217,196,0.6);
  --ak-shade:rgba(20,15,10,1);

  /* --- Semantic aliases --- */
  --text-heading:var(--ak-ink);
  --text-body:var(--ak-ink-soft);
  --text-kicker:var(--ak-ink-soft);
  --text-on-ink:var(--ak-paper);
  --text-on-ink-muted:var(--ak-sand);
  --text-on-image:var(--ak-paper-warm);
  --text-link:var(--ak-ink);
  --text-link-hover:var(--ak-terracotta);

  --surface-page:var(--ak-cream);
  --surface-inverse:var(--ak-ink);
  --surface-nav:var(--ak-cream-82);
  --surface-media:var(--ak-ink);       /* letterbox behind video tiles */

  --border-hairline:var(--ak-line);
  --border-nav:var(--ak-line-60);
  --border-underline:var(--ak-ink);    /* the 1px rule under a text link */
  --border-underline-on-image:var(--ak-paper-warm);
}