/*
 * Static design tokens for the Carpcore WordPress theme.
 *
 * In the original Shopify theme these custom properties were generated per
 * request by snippets/theme-styles-variables.liquid and
 * snippets/color-schemes.liquid, reading from config/settings_data.json.
 * There is no equivalent settings->CSS engine in this milestone, so the
 * values below are a one-time transcription of the resolved "scheme-1"
 * (light) palette — the only scheme actually in live use. Only tokens an
 * enqueued stylesheet actually reads are listed here; add more back if a
 * later milestone's markup needs them.
 * Load this before foundation.css and the carpcore-*.css component files.
 */
:root {
  /* base scheme (config/settings_data.json -> color_schemes.scheme-1) */
  --color-background: #eee8d8;
  --color-background-rgb: 238 232 216;
  --color-foreground: #2c2218;
  --color-foreground-rgb: 44 34 24;
  --color-foreground-heading: #3d5a8a;
  --color-foreground-heading-rgb: 61 90 138;

  /* brand accent palette */
  --color-brand-coral: #e07858;
  --color-brand-coral-rgb: 224 120 88;
  --color-brand-navy: #1a2a4a;
  --color-brand-navy-rgb: 26 42 74;
  --color-brand-lime: #7ec63f;
  --color-brand-lime-rgb: 126 198 63;
  --color-brand-cerulean: #2e9ed8;
  --color-brand-cerulean-rgb: 46 158 216;
  --color-brand-pink: #ff60c0;
  --color-brand-pink-rgb: 255 96 192;
  --color-brand-butter: #d9b84a;
  --color-brand-butter-rgb: 217 184 74;
  --color-brand-grape: #7a6b96;
  --color-brand-grape-rgb: 122 107 150;
  --color-brand-teal: #3d7e7a;
  --color-brand-teal-rgb: 61 126 122;
  --color-brand-mint: #4cbfa8;
  --color-brand-mint-rgb: 76 191 168;
  --color-brand-forest: #3f8f2f;
  --color-brand-paper-dark: #e6dfcb;
  --color-brand-paper-dark-rgb: 230 223 203;
  --color-brand-paper-light: #f4efe1;
  --color-brand-paper-light-rgb: 244 239 225;
  --color-brand-white: #ffffff;
  --color-brand-white-rgb: 255 255 255;
  --color-brand-black: #000000;
  --color-brand-black-rgb: 0 0 0;
  --color-brand-lavender: #b89ac8;

  /* deep / light variants */
  --color-brand-coral-deep: #703c2c;
  --color-brand-coral-deep-rgb: 112 60 44;
  --color-brand-navy-deep: #0d1a30;
  --color-brand-grape-deep: #3d3549;
  --color-brand-grape-deep-rgb: 61 53 73;
  --color-brand-teal-deep: #1f3f3d;
  --color-brand-teal-deep-rgb: 31 63 61;
  --color-brand-lime-deep: #3f6320;
  --color-brand-lime-deep-rgb: 63 99 32;
  --color-brand-cerulean-deep: #1c6593;
  --color-brand-cerulean-deep-rgb: 28 101 147;
  --color-brand-coral-light: #e8896c;
  --color-brand-grape-light: #8f7eac;
  --color-brand-teal-light: #4a9490;
  --color-brand-lime-light: #8fd94a;
  --color-brand-cerulean-light: #43afe6;

  /* one swatch color used by the header ticker's hover state */
  --color-swatch-babypink: #f4b8c1;

  /* article/field-notes accent (config/settings_data.json -> scheme-1.art_koi) */
  --color-art-koi: #9ec6e0;
  --color-art-koi-rgb: 158 198 224;

  /* fonts (config/settings_data.json -> type_*_font) */
  --font-body--family: "Nunito", sans-serif;
  --font-subheading--family: "Dela Gothic One", sans-serif;
  --font-heading--family: "Mochiy Pop P One", sans-serif;

  /* misc layout tokens referenced by ported components */
  --layer-sticky: 100;
  --layer-temporary: 9999;
}