/* Zanni — Editorial Boutique Redesign
   Palette locked from existing brand:
   --brand: #ff9920 (primary orange)
   --ink: #111
   --paper: #fafaf7 (warm off-white, editorial)
   --cream: #f4ede1 (secondary warm)
*/

:root {
  --brand: #ff9920;
  --brand-deep: #e8821a;
  --brand-soft: #fff1de;
  --ink: #141210;
  --ink-2: #5a534c;
  --ink-3: #9a9289;
  --line: #1a1613;
  --paper: #faf7f1;
  --cream: #f2e9da;
  --cream-2: #e8dcc5;
  --sand: #d9cdb5;
  --black: #0e0c0a;

  --serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --sans: "Inter Tight", "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  --pad: 48px;
  --pad-lg: 96px;

  --dur: 420ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body { overflow-x: hidden; }

a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
img { display: block; max-width: 100%; }

/* Editorial type */
.serif { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.eyebrow {
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-2);
}
.eyebrow.brand { color: var(--brand-deep); }

/* Density */
body[data-density="compact"] { --pad: 32px; --pad-lg: 64px; }
body[data-density="spacious"] { --pad: 56px; --pad-lg: 112px; }

/* Selection */
::selection { background: var(--brand); color: var(--black); }