/* Color tokens — grounded in config/settings_data.json + templates/*.json of the 100% Shopify theme.
   Dawn-style base channels are RGB triplets (used as rgb(var(--color-base-text))). */
:root{
  /* base channels (Shopify color scheme) */
  --color-base-text:17,17,17;                 /* #111111 */
  --color-base-background-1:255,255,255;      /* #ffffff */
  --color-base-background-2:243,243,243;      /* #f3f3f3 */
  --color-base-accent-1:17,17,17;             /* #111111 */
  --color-base-accent-2:51,79,180;            /* #334fb4 */
  --color-base-solid-button-labels:255,255,255;
  --color-base-outline-button-labels:17,17,17;
  /* hex primitives */
  --color-black:#111111;
  --color-true-black:#000000;                 /* announcement / utility bar */
  --color-white:#ffffff;
  --color-gray-bg:#f3f3f3;                    /* background-2, card scheme */
  --color-accent-blue:#334fb4;                /* accent-2, sale badge */
  --color-sale-red:#ff0000;                   /* sale text callouts */
  --color-gray-700:#444444;                   /* section subheadings */
  --color-gray-500:#808080;                   /* out-of-stock button */
  --color-gray-400:#999999;                   /* inactive tab items */
  --color-gray-200:#e6e6e6;                   /* scrollbar track */
  --color-divider:#e8e8e8;                    /* hairline dividers */
  --color-swatch-placeholder:#dddddd;
  /* semantic aliases */
  --color-foreground:var(--color-base-text);
  --color-background:var(--color-base-background-1);
  --text-body:var(--color-black);
  --text-inverse:var(--color-white);
  --surface-page:var(--color-white);
  --surface-card:var(--color-gray-bg);
  --surface-inverse:var(--color-black);
  --color-link:var(--color-black);
  /* buttons — primary: solid black; hover inverts (templates/index.json) */
  --color--btn-bg:#111111;
  --color--btn-txt:#ffffff;
  --color--btn-bdr:#111111;
  --color--btn-bg-hover:#ffffff;
  --color--btn-txt-hover:#111111;
  --color--btn-bdr-hover:#111111;
  /* secondary (on-image): transparent w/ white border; hover fills white */
  --color--btn-secondary-bg:rgba(0,0,0,0);
  --color--btn-secondary-txt:#ffffff;
  --color--btn-secondary-bdr:#ffffff;
  --color--btn-secondary-bg-hover:#ffffff;
  --color--btn-secondary-txt-hover:#111111;
  --color--btn-secondary-bdr-hover:#ffffff;
  /* NOTE: the theme also references a named palette defined in theme.liquid
     (not present in the repo): --color--lime, --color--cape-cod-black,
     --color--mine-shaft-black, --color--wild-sand, --color--spring-wood-white,
     --color--satin-linen, --color--dove-gray, --color--silver, --color--fjord-blue,
     --color--rum, --color--dark-burgundy, --color--shuttle-gray-rgb, etc.
     Exact values pending — ask NINE15 for snippets/css-variables (see readme.md). */
  --color--mine-shaft-black:var(--color-black);
  --color--mine-shaft-black-rgb:var(--color-base-text);
  --color--cape-cod-black:var(--color-black);
  --color--wild-sand:var(--color-gray-bg);
  --color--dove-gray:var(--color-gray-500);
  --color--silver:var(--color-gray-200);
}