/* ===========================================================
   sentire — design tokens
   =========================================================== */

:root {
  /* Type — single sans family */
  --font-serif: "Manrope", system-ui, -apple-system, sans-serif;
  --font-sans: "Manrope", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --brand-orange: #F26A1F;
  --brand-orange-deep: #D9491A;

  /* Color — base (warm neutral) */
  --bg: #FAF8F4;
  --bg-elev: #FFFFFF;
  --bg-sunk: #F1EDE6;
  --bg-deep: #1F1D1A;

  --ink: #1A1A1A;
  --ink-2: #3D3A35;
  --ink-3: #6B655C;
  --ink-4: #9A9389;
  --ink-5: #C9C2B6;

  --line: #E8E2D6;
  --line-soft: #F0EBE0;
  --line-strong: #D8D1C2;

  /* Accent — phoenix orange */
  --accent: #F26A1F;
  --accent-ink: #C8501A;
  --accent-soft: #FCE6D6;
  --on-accent: #FFFFFF;

  /* Sale / status */
  --sale: #C8553D;
  --ok: #4A7C3A;
  --warn: #B5841F;

  /* Radius */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-1: 0 1px 2px rgba(26,26,26,.04), 0 1px 1px rgba(26,26,26,.03);
  --shadow-2: 0 6px 18px -8px rgba(26,26,26,.12), 0 2px 6px rgba(26,26,26,.04);
  --shadow-3: 0 24px 48px -20px rgba(26,26,26,.18), 0 4px 12px rgba(26,26,26,.06);

  /* Layout */
  --container: 1280px;
  --container-narrow: 980px;
  --gutter: 24px;
  --header-h: 84px;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 480ms;
}

/* Theme: warm bronze */
[data-theme="bronze"] {
  --bg: #F8F4EE;
  --bg-elev: #FFFFFF;
  --bg-sunk: #EDE5D6;
  --line: #E4DBC8;
  --line-soft: #EFE7D6;
  --line-strong: #D2C5A8;
  --accent: #B07B3E;
  --accent-ink: #8A5C28;
  --accent-soft: #F2E6D1;
}

/* Theme: deep forest */
[data-theme="forest"] {
  --bg: #F4F2EC;
  --accent: #2F5D3A;
  --accent-ink: #1F4528;
  --accent-soft: #DEE8DC;
}

/* Theme: charcoal */
[data-theme="charcoal"] {
  --bg: #14130F;
  --bg-elev: #1E1C18;
  --bg-sunk: #100F0C;
  --bg-deep: #0A0907;
  --ink: #F1ECE0;
  --ink-2: #D7D0C0;
  --ink-3: #A39C8C;
  --ink-4: #7A7466;
  --ink-5: #4D483F;
  --line: #2B2823;
  --line-soft: #221F1A;
  --line-strong: #3A362F;
  --accent: #B6E26B;
  --accent-ink: #C9EE85;
  --accent-soft: #2A3220;
  --on-accent: #14130F;
}

/* Type variants — single-family kept; weight presets only */
[data-type="modern"] {
  --font-serif: "Manrope", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, sans-serif;
}
[data-type="editorial"] {
  --font-serif: "Manrope", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, sans-serif;
}