/* =========================================================
   InvestHome Box — Design Tokens
   Single source of truth for colors, typography, radius.
   ========================================================= */
:root {
  /* ── Brand palette ──────────────────────────────────────── */
  --ink:            #142436;
  --blueprint:      #2C4A6B;
  --blueprint-soft: #3C5E82;
  --paper:          #FAF8F4;
  --paper-dim:      #F1EEE7;
  --line:           #E1DDD3;
  --slate:          #6B7686;
  --slate-dim:      #97A0AC;
  --brass:          #B9893F;
  --brass-dark:     #9C7234;

  /* ── Unit status colours ────────────────────────────────── */
  --free:        #3F8F6F;
  --free-bg:     #E7F2EC;
  --interest:    #C2933A;
  --interest-bg: #FAF0DC;
  --booked:      #3D6FA8;
  --booked-bg:   #E6EEF7;
  --sold:        #5B6472;
  --sold-bg:     #E9EAEC;
  --na:          #A8A199;
  --na-bg:       #EFEDE8;

  /* ── File type colours (file explorer) ──────────────────── */
  --file-pdf:        #B23B2E;
  --file-pdf-bg:     #FBEAE8;
  --file-word:       #3D6FA8;
  --file-word-bg:    #E6EEF7;
  --file-excel:      #3F8F6F;
  --file-excel-bg:   #E7F2EC;
  --file-slides:     #C2933A;
  --file-slides-bg:  #FAF0DC;
  --file-image:      #8B5A7A;
  --file-image-bg:   #F3E8EF;
  --file-archive:    #9C7234;
  --file-archive-bg: #F3E7D3;
  --file-media:      #3F6B6B;
  --file-media-bg:   #E7F1F0;
  --file-generic:    #6B7686;
  --file-generic-bg: #F1EEE7;

  /* ── Base ───────────────────────────────────────────────── */
  --radius:       10px;
  --font-display: 'Fraunces', serif;
  --font-body:    'Public Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Shadows & Transitions ──────────────────────────────── */
  --shadow-sm:    0 2px 8px rgba(20, 36, 54, 0.05);
  --shadow-md:    0 8px 24px rgba(20, 36, 54, 0.08);
  --shadow-focus: 0 0 0 3px rgba(44, 74, 107, 0.15);
  --transition:   all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}