/* Self-hosted (see v2 docblock: Google Fonts is stripped by the GDPR plugin). Files: see INSTALL.md. */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/playfair-display/playfair-display-400.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/playfair-display/playfair-display-500.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/jost/jost-300.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jost/jost-400.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jost/jost-500.woff2') format('woff2')}

:root {
  /* ---- v3 design system (MyCamicia Design System / tokens/*.css) ---- */
  --myc-ink: #18202d;
  --myc-ink-2: #2a3444;
  --myc-paper: #f6f5f2;
  --myc-white: #ffffff;
  --myc-sand: #ece8e1;
  --myc-sand-2: #ebe6dd;
  --myc-stone: #e6e1da;
  --myc-line: #e2dfd9;
  --myc-grey-1: #5b6472;
  --myc-grey-2: #5f636a;   /* prototype --muted (#686c73), darkened to >=4.5:1 on --myc-stone/--myc-sand (UX-02) */
  --myc-grey-3: #9aa3b0;
  --myc-text-body: #5f636a;   /* running text (paragraphs, lists); titles stay ink */
  --myc-gold: #e2b84a;
  --myc-blue: #244462;        /* prototype --navy: check icons, focus, button hover */
  --myc-line-on-dark: rgba(255,255,255,.14);
  --myc-text-on-dark-2: rgba(255,255,255,.9);
  --myc-scrim-hero: linear-gradient(90deg,rgba(27,34,45,.6) 0%,rgba(27,34,45,.3) 45%,rgba(27,34,45,0) 70%),linear-gradient(180deg,rgba(27,34,45,.5) 0%,rgba(27,34,45,0) 30%);
  --myc-scrim-banner: linear-gradient(90deg,rgba(27,34,45,.72),rgba(27,34,45,.25) 55%,rgba(27,34,45,0));
  --myc-header-solid: rgba(27,34,45,.94);

  --myc-font-serif: 'Playfair Display', Didot, Georgia, serif;
  --myc-font-sans: Jost, Futura, 'Avenir Next', system-ui, sans-serif;

  --myc-text-hero: clamp(2.75rem,6vw,5.25rem);
  --myc-text-h2: clamp(2rem,4vw,3.25rem);
  --myc-text-h2-card: clamp(2rem,3.2vw,2.875rem);
  --myc-text-h3: clamp(1.625rem,2.4vw,2.125rem);
  --myc-text-title: clamp(1.125rem,1.6vw,1.375rem);
  --myc-ls-label: .22em;
  --myc-ls-nav: .18em;
  --myc-ls-button: .18em;

  --myc-container-max: 1320px;
  --myc-container-pad: clamp(16px,5vw,72px);
  --myc-section-pad-y: clamp(64px,9vw,120px);
  --myc-section-pad-y-tight: clamp(64px,8vw,96px);
  --myc-grid-gap: 14px;
  --myc-grid-gap-wide: clamp(40px,6vw,96px);
  --myc-ease-out: cubic-bezier(.22,.61,.36,1);
  --myc-shadow-drawer: 0 0 60px rgba(0,0,0,.35);

  /* Success / error states (WooCommerce notices, form validation, newsletter) */
  --myc-success: #7A8B69; --myc-success-text: #516640; --myc-success-bg: rgba(122,139,105,.15); --myc-success-border: rgba(122,139,105,.35);
  --myc-error: #C25B4E; --myc-error-text: #A5453A; --myc-error-bg: rgba(194,91,78,.1); --myc-error-border: rgba(194,91,78,.3);
}