/* Saanjh design tokens. Colours and fonts are defaults: layout/theme.liquid overrides them from theme settings.
   Hairlines derive from the gold, so a merchant's accent change carries into every rule and border. */
:root {
  --ink: #1a0c12;          /* page background */
  --ink-2: #22101a;        /* alternate band (craft, testimonial, drawers) */
  --foot: #130a0e;         /* footer */
  --plum: #3a1823;         /* announcement, badges, selected states */
  --gold: #c2a06a;
  --gold-hi: #d3b47e;      /* filled button hover */
  --cream: #f2e7d5;
  --muted: #c9b8a3;
  --hair: color-mix(in srgb, var(--gold) 25%, transparent);
  --hair-35: color-mix(in srgb, var(--gold) 35%, transparent);
  --hair-45: color-mix(in srgb, var(--gold) 45%, transparent);
  --hair-70: color-mix(in srgb, var(--gold) 70%, transparent);
  --hair-80: color-mix(in srgb, var(--gold) 80%, transparent);

  --f-display: 'Playfair Display', Georgia, serif;
  --f-serif: 'Cormorant Garamond', Georgia, serif;
  --f-sans: 'Montserrat', system-ui, sans-serif;
  --f-script: 'Pinyon Script', cursive;
  --f-caps: 'Cinzel', Georgia, serif;

  --silk: cubic-bezier(0.16, 1, 0.3, 1);
  --drape: cubic-bezier(0.65, 0, 0.35, 1);
  --thread: cubic-bezier(0.22, 1, 0.36, 1);

  --gutter: max(80px, calc((100vw - 1280px) / 2)); /* 80 px at 1440; wider screens centre the 1280 px column */
  --header-h: 96px;
  --announce-h: 36px;
}