/* ========================================================================
   CLARITY UNLOCKED — Design Tokens
   Central :root variables consumed by index.html and all pages that
   reference /assets/tokens.css.
   ======================================================================== */

:root {
  /* --- Colour palette --- */
  --paper:          #fafaf8;
  --paper-2:        #f3f3ef;
  --ink:            #0f0f0d;
  --ink-soft:       #3a3a36;
  --ink-mid:        #6b6b64;
  --grey:           #9a9a92;
  --grey-2:         #c4c4bc;
  --accent:         #c8102e;
  --signal:         #c8102e;
  --rule:           #e8e8e2;
  --rule-strong:    #c8c8c0;

  /* --- Desk accent colours --- */
  --desk-labor:     #2563eb;
  --desk-identity:  #7c3aed;
  --desk-tools:     #0891b2;
  --desk-doctrine:  #dc2626;
  --desk-studio:    #d97706;
  --desk-inside:    #059669;

  /* --- Typography --- */
  --body:    'Inter', sans-serif;
  --display: 'Inter Tight', sans-serif;
  --mono:    'JetBrains Mono', monospace;

  /* --- Layout --- */
  --max:       1200px;
  --reading:   680px;
  --gutter:    clamp(20px, 4vw, 48px);
  --section-y: clamp(56px, 8vw, 96px);

  /* --- Motion --- */
  --duration:      0.22s;
  --duration-fast: 0.12s;
  --ease:          cubic-bezier(0.16, 1, 0.3, 1);
}