/*
 * Wine Chips — generated brand stylesheet.
 *
 * brand winechips · version 1 · channel stable
 * theme editorial · project (none) · generated 2026-09-07T21:52:27.000Z
 *
 * Generated by emit-brand-css from effective.json. Do not edit: the next
 * publish overwrites it, and the master is the only writer of brand data.
 */

/* Faces — content-addressed, same-origin */

@font-face {
  font-family: "Arvo";
  src: url("/api/styleguide/assets/af9a85531f3f742a38ed066e50591a98a8a36b952e9ccb6b8117dcc42713a777") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/api/styleguide/assets/c0ec39d77c456f49c6434f667679bbfcbf75ca15bc70adb159bbf54c8ce5d7ec") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Bold";
  src: url("/api/styleguide/assets/2ede5e0c613d16828b40e64c06898484080f909ac09a4567a1d5929e01a686db") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Italic";
  src: url("/api/styleguide/assets/ef5d0ee539ba1931161ad8ab978464644893d2e9c5dab04d770ec551e66fa287") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Bold Italic";
  src: url("/api/styleguide/assets/50062f6aa45cb51f8a8d2ba3d676f17503467f03f8f246ef8ecd36ca286ba19c") format("woff2");
  font-display: swap;
}

/* Semantic tokens — one block per surface, per mode */

/* Storefront — Storefront */
:root {
  --wc-plum: #512A44;
  --wc-wine: #A6192E;
  --wc-wine-bright: #DA213C;
  --wc-plum-light: #83446E;
  --wc-cream: #FBF3DA;
  --wc-white: #FFFFFF;
  --wc-graphite: #3A3A3A;
  --wc-graphite-deep: #212121;
  --wc-surface: #FFFFFF;
  --wc-surface-alt: #F6F4F5;
  --wc-surface-warm: #FBF3DA;
  --wc-ink: #512A44;
  --wc-ink-muted: #333232;
  --wc-ink-dim: #5A5858;
  --wc-on-ink: #FFFFFF;
  --wc-accent: #A6192E;
  --wc-accent-hover: #DA213C;
  --wc-on-accent: #FFFFFF;
  --wc-link: #512A44;
  --wc-link-hover: #83446E;
  --wc-action: #3A3A3A;
  --wc-action-hover: #606060;
  --wc-on-action: #FFFFFF;
  --wc-border: #EBEBEB;
  --wc-border-form: #CCCCCC;
  --wc-border-strong: #B3B3B3;
  --wc-hairline-footer: #DFD8DC;
  --wc-fill-subtle: rgba(81, 42, 68, 0.05);
  --wc-fill-soft: rgba(81, 42, 68, 0.10);
  --wc-fill-strong: rgba(81, 42, 68, 0.20);
  --wc-focus-ring: rgba(81, 42, 68, 0.25);
  --wc-positive: #1F873D;
  --wc-positive-ink: #1D7E39;
  --wc-positive-bg: #F8FFF9;
  --wc-negative: #D20000;
  --wc-negative-ink: #651818;
  --wc-negative-bg: #FFF8F8;
  --wc-sale: #EA0606;
  --wc-sale-ink: #DD0606;
  --wc-in-stock: #00730B;
  --font-display: Arvo, Rockwell, 'Roboto Slab', Georgia, serif;
  --font-sans: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Plum block — Storefront */
.wc-on-plum {
  --wc-surface: #512A44;
  --wc-surface-alt: #5E314F;
  --wc-surface-warm: #A6192E;
  --wc-ink: #FAF6F9;
  --wc-ink-muted: #E2D4DE;
  --wc-ink-dim: #DAC8D4;
  --wc-on-ink: #512A44;
  --wc-accent: #FBF3DA;
  --wc-accent-hover: #FFFFFF;
  --wc-on-accent: #512A44;
  --wc-link: #FAF6F9;
  --wc-link-hover: #FBF3DA;
  --wc-action: #FFFFFF;
  --wc-action-hover: #FBF3DA;
  --wc-on-action: #512A44;
  --wc-border: rgba(250, 246, 249, 0.16);
  --wc-border-form: rgba(250, 246, 249, 0.32);
  --wc-border-strong: rgba(250, 246, 249, 0.55);
  --wc-hairline-footer: rgba(250, 246, 249, 0.20);
  --wc-fill-subtle: rgba(250, 246, 249, 0.05);
  --wc-fill-soft: rgba(250, 246, 249, 0.10);
  --wc-fill-strong: rgba(250, 246, 249, 0.20);
  --wc-focus-ring: rgba(251, 243, 218, 0.55);
  --wc-positive-ink: #8FE6A8;
  --wc-negative: #FFBDBD;
  --wc-negative-ink: #FFE1E1;
  --wc-negative-bg: #531313;
  --wc-sale-ink: #FFBEBE;
  --wc-in-stock: #8FE6A8;
}

/* The kit's vocabulary */

.sg-host {
  --sg-bg: var(--wc-surface);
  --sg-bg-raised: var(--wc-surface-alt);
  --sg-fg: var(--wc-ink);
  --sg-fg-strong: var(--wc-ink);
  --sg-muted: var(--wc-ink-muted);
  --sg-faint: var(--wc-ink-dim);
  --sg-hairline: var(--wc-border);
  --sg-hairline-strong: var(--wc-border-strong);
  --sg-accent: var(--wc-accent);
  --sg-font-ui: var(--font-sans);
  --sg-font-display: var(--font-display);
  --sg-font-prose: var(--font-sans);
}

/* Paged media — @page inherits from :root */

:root {
  --sg-print-page-bg: #FFFFFF;
  --sg-print-footer: 'Wine Chips — The Style Guide';
  --sg-print-font-ui: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --sg-print-footer-ink: #5A5858;
}