/* ═══ CRAFTED ELEMENTS · DESIGN TOKENS ═══ */

:root {
  /* Brand colors - matches craftedelements.nl */
  --brass:     #C5A882;
  --burnished: #A08060;
  --obsidian:  #3D3530;  /* warm dark brown - primary bg */
  --forge:     #2C2B28;  /* darker surface */
  --ink:       #1C1B18;  /* near-black - text on light/brass surfaces */
  --parchment: #F5F0E8;
  --linen:     #EDE5D6;
  --stone:     #6B6355;

  /* Typography */
  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-sans:    "DM Sans", system-ui, sans-serif;
  --f-mono:    "DM Sans", system-ui, sans-serif;

  /* Spacing - 4px base */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 32px;
  --sp-5: 64px;
  --sp-6: 128px;

  /* Grid */
  --grid-max:    1280px;
  --grid-gutter: 24px;

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur:  220ms;

  --btn-radius:  6px;  /* subtle rounding shared by all buttons */
  --card-radius: 10px; /* rounding shared by image cards (tables, materials) */
}

/* ── Theme: Dark (default - R14 · DARK) ── */
[data-theme="dark"] {
  --bg:        var(--obsidian);   /* #3D3530 */
  --bg-2:      var(--forge);      /* #2C2B28 */
  --bg-card:   #2e2520;
  --fg:        var(--linen);
  --fg-muted:  #BFB3A4;
  --rule:      #574840;
  --rule-soft: #4a3c36;
}

/* ── Theme: Light ── */
[data-theme="light"] {
  --bg:        var(--parchment);
  --bg-2:      var(--linen);
  --bg-card:   #ffffff;
  --fg:        var(--obsidian);
  --fg-muted:  var(--stone);
  --rule:      #d6cdbc;
  --rule-soft: #e5ddce;
}

/* ── Accent ── */
[data-accent="brass"]     { --accent: var(--brass);     --accent-2: var(--burnished); }
[data-accent="burnished"] { --accent: var(--burnished); --accent-2: var(--brass); }