/* Eventي brand tokens for the shop (spec Part 4, Part A of the Knowledge Base). One place; every shop page reads them from here. */
:root {
  --bg: #F8F4ED;          /* page and cards (never pure white) */
  --linen: #EDE4D3;       /* alternate surface, utility bar, photo ground */
  --text: #2A2A2A;        /* charcoal: all text, main button, footer */
  --soft: #5C5C5C;        /* captions */
  --faint: #8A8A8A;       /* placeholders, disabled */
  --border: #DCD4C4;      /* warm border (inputs) */
  --strong: #B4B4B4;      /* neutral border (chips) */
  --divider: #E4DBC9;     /* hairlines */
  --blue: #016699;        /* default links */
  --blue-dark: #014C72;   /* pressed state of the main button */
  --pink: #CC3366;        /* hover, link emphasis, the cart dot. Never a fill. */
  --on-dark: #F0EAE0;     /* text on the dark footer */

  --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --font-arabic: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;

  --radius: 4px;
  --ease: 220ms ease-out;
  --gutter: 20px;           /* 48px from 1024px up */
  --nav-h: 64px;            /* 72px from 1024px up */
  --container: 1280px;
}
@media (min-width: 1024px) { :root { --gutter: 48px; --nav-h: 72px; } }
