/* ==========================================================================
   TRIBE — Design Tokens / CSS Custom Properties
   Brand system: "The Pleat" — derived from TRIBE Brand Identity Programme MMXXVI
   Palette: Ivory / Silk / Bone / Sand / Clay / Aubergine / Ink
   ========================================================================== */
:root {
  /* ---------------- Canonical brand palette ---------------- */
  --ivory: #F4EFE6;
  --silk: #FBF8F1;
  --bone: #EAE2D3;
  --sand: #D9CDB6;
  --clay: #A65E3E;
  --clay-deep: #8A4A2E;
  --aubergine: #3D2B3A;
  --ink: #1F1B17;
  --ink-60: rgba(31,27,23,.60);
  --ink-40: rgba(31,27,23,.40);
  --ink-20: rgba(31,27,23,.20);
  --ink-10: rgba(31,27,23,.10);
  --hair: rgba(31,27,23,.14);

  /* ---------------- Legacy token names (remapped to brand palette) ----------------
     Kept so existing component CSS re-themes automatically without a full rewrite. */
  --color-black: var(--ink);
  --color-black-soft: var(--aubergine);
  --color-white: var(--silk);
  --color-off-white: var(--silk);
  --color-beige: var(--ivory);
  --color-beige-dark: var(--bone);
  --color-beige-deep: var(--sand);
  --color-gold: var(--clay);
  --color-gold-light: #C07E5C;
  --color-gold-dark: var(--clay-deep);
  --color-gray: #6B6259;
  --color-gray-light: #9C9186;
  --color-line: #E3DCCB;
  --color-error: #A6423E;
  --color-success: #5C7A52;

  /* Typography — Instrument Serif (display/editorial) + DM Sans (working/UI) + JetBrains Mono (labels/metadata) */
  --font-heading: 'Instrument Serif', 'Times New Roman', serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --max-width: 1440px;
  --container-padding: clamp(1.25rem, 4vw, 4rem);
  --header-height: 84px;
  --header-height-scrolled: 68px;

  /* Motion — "everything moves like fabric" — slow-in, slower-out, borrowed from cloth */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-luxury);
  --transition-medium: 0.5s var(--ease-luxury);
  --transition-slow: 0.9s var(--ease-luxury);

  /* Shadows */
  --shadow-soft: 0 10px 40px rgba(31, 27, 23, 0.06);
  --shadow-medium: 0 20px 60px rgba(31, 27, 23, 0.1);
  --shadow-gold: 0 10px 30px rgba(166, 94, 62, 0.25);

  /* Z-index */
  --z-header: 500;
  --z-drawer: 900;
  --z-modal: 1000;
  --z-toast: 1100;
}