/* QuietHorizonArt — Warm Artisan Studio design tokens
   Source: docs/QuietHorizonArt_Design_Pack_v1.0.md (Concept B, approved) */
:root {
  --color-parchment: #F5F1E8;
  --color-beige: #E9DFD1;
  --color-clay: #C99A7A;
  --color-olive: #7B846C;
  --color-brown: #8B6E55;
  --color-charcoal: #2F2F2F;

  --color-bg: var(--color-parchment);
  --color-bg-alt: var(--color-beige);
  --color-text: var(--color-charcoal);
  --color-text-muted: #5c5c5c;
  --color-border: rgba(47, 47, 47, 0.12);

  /* Text/interactive uses of olive and brown are darkened from the raw
     palette values above to clear WCAG AA 4.5:1 contrast (measured:
     white-on-#7B846C was 3.92:1, #8B6E55-on-parchment was 4.18:1, both
     fails). Design pack explicitly allows a bounded technical adjustment
     for a real accessibility conflict rather than a brand redesign — the
     raw palette tokens above are unchanged and still used for non-text
     surfaces (backgrounds, borders, decorative accents). */
  --color-accent: #6b7360;       /* olive, darkened for button/text use — 4.95:1 on white */
  --color-accent-hover: #5c6350;
  --color-accent-soft: #6E5239;  /* brown, darkened for eyebrow/link text — 5.35-5.44:1 */

  /* Studio-dark: a warm near-black (not flat charcoal) for the Hand-Painted
     premium band and other "workshop" moments — keeps the same ~12:1 text
     contrast as charcoal but reads as a warm umber/oxblood, not generic
     ecommerce dark-mode black. */
  --color-studio-dark: #241c17;
  --color-studio-dark-alt: #2e2119;

  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Lora", Georgia, serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  --content-max: 1180px;

  /* Restrained paper-grain texture: a tiny tiled SVG noise filter, applied
     at very low opacity so it never affects text contrast. Used sparingly
     (body background, studio-dark band) rather than on every surface. */
  --texture-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* Deckled (torn watercolour-paper) edge mask, used on hero/artwork
     containers via mask-image. A restrained, irregular top edge. */
  --edge-deckle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16 L0 6 Q5 2 11 5 T22 4 T33 7 T44 3 T55 6 T66 2 T77 5 T88 4 T99 7 T110 3 T121 6 T132 2 T143 5 T154 4 T165 7 T176 3 T187 6 T198 2 T209 5 T220 4 T231 7 T242 3 T253 6 T264 2 T275 5 T286 4 T297 7 T308 3 T319 6 T330 2 T341 5 T352 4 T363 7 T374 3 T385 6 T400 4 L400 16 Z' fill='black'/%3E%3C/svg%3E");
}
