/* === CRAFTED ELEMENTS · CONFIGURATOR DESIGN TOKENS === */

:root {
  --brass:     #C5A882;
  --burnished: #A08060;
  --obsidian:  #3D3530;
  --forge:     #2C2B28;
  --ink:       #1C1B18;
  --parchment: #F5F0E8;
  --linen:     #EDE5D6;
  --stone:     #6B6355;

  --f-display: "Cormorant Garamond", Georgia, serif;
  --f-sans:    "DM Sans", system-ui, sans-serif;
  --f-mono:    ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

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

  --grid-max:    1100px;
  --grid-gutter: 24px;

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

  /* Configurator-specific */
  --card-radius: 2px;
  --btn-radius:  6px;   /* subtle rounding shared by all buttons */
  --swatch-size: 82px;  /* ~height of a shape silhouette; swatch squares are capped to this */
  --step-dot:    20px;
}

[data-theme="dark"] {
  --bg:        var(--obsidian);
  --bg-2:      var(--forge);
  --bg-card:   #2e2520;
  --fg:        var(--linen);
  --fg-muted:  #BFB3A4;
  --rule:      #574840;
  --rule-soft: #4a3c36;
}

[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;
}

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