/* ==========================================================================
   VRT — color tokens
   Source: assets/vrt-theme.css in IamAdamJowett/vrtgear-theme (the VRT
   Shopify Horizon theme). Base values first, semantic aliases after.
   ========================================================================== */

:root {
  /* ---- Base palette ---- */
  --vrt-bg: #fafaf8;          /* page background — warm off-white, never pure white */
  --vrt-paper: #ffffff;       /* card / panel surface */
  --vrt-ink: #15171b;         /* primary text + dark-section background */
  --vrt-ink-deep: #0e1014;    /* deepest black, used sparingly (footer floor) */

  --vrt-blue: #2d5bd0;        /* brand accent — CTAs, links, focus, selection */
  --vrt-blue-600: #2750b8;    /* accent hover/active */
  --vrt-blue-300: #9bb4e8;    /* accent on dark surfaces (eyebrows, labels) */
  --vrt-blue-200: #c6d6f4;    /* accent on dark surfaces, lower emphasis */

  --vrt-line: #e4e3dd;        /* default hairline border */
  --vrt-line-2: #d9d8d1;      /* slightly stronger border (inputs, swatches) */
  --vrt-line-3: #ecebe4;      /* faint divider (drawer rows) */

  --vrt-muted: #5b5e66;       /* body copy on light, secondary emphasis */
  --vrt-muted-2: #7e818a;
  --vrt-muted-3: #8a8c86;     /* mono captions, timestamps, meta */
  --vrt-muted-4: #9a9c95;     /* lowest-emphasis text, disabled */

  --vrt-on-dark: #c6c8cc;     /* body copy on --vrt-ink */
  --vrt-on-dark-2: #a7a9ad;

  --vrt-green: #2e7d55;       /* in-stock / success only */
  --vrt-error: #c42e33;       /* form validation errors only */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--vrt-bg);
  --surface-card: var(--vrt-paper);
  --surface-dark: var(--vrt-ink);

  --text-primary: var(--vrt-ink);
  --text-secondary: var(--vrt-muted);
  --text-tertiary: var(--vrt-muted-3);
  --text-on-dark: var(--vrt-on-dark);
  --text-on-accent: #ffffff;

  --border-default: var(--vrt-line);
  --border-strong: var(--vrt-ink);
  --border-input: var(--vrt-line-2);

  --accent: var(--vrt-blue);
  --accent-hover: var(--vrt-blue-600);
  --accent-on-dark: var(--vrt-blue-300);

  --status-success: var(--vrt-green);
  --status-error: var(--vrt-error);
}