/* Vitrine — color tokens.
   Near-monochrome system: six grays between ink and fog, one conversion blue.
   Source values copied verbatim from the attached style reference. */
:root {
  /* Base palette */
  --color-ink: #1d1d1f;            /* primary text, structural outlines */
  --color-fog-canvas: #f5f5f7;     /* page background, badge fills */
  --color-pure-white: #ffffff;     /* card surfaces, elevated layers */
  --color-graphite: #707070;       /* secondary text, subdued borders */
  --color-slate: #86868b;          /* muted helper text, tertiary metadata */
  --color-charcoal: #333336;       /* nav elements, strokes on dark surfaces */
  --color-smoke: #474747;          /* nav text, secondary link borders */
  --color-iron: #5b5b61;           /* low-emphasis body text, subtle borders */
  --color-ash: #e8e8ed;            /* ghost fills, inactive chips, soft separators */
  --color-electric-blue: #0071e3;  /* buy/conversion fill — the only chromatic surface */
  --color-electric-blue-hover: #0077ed;
  --color-link-blue: #0066cc;      /* inline text links only */
  --color-divider: #d6d6d6;        /* hairline borders / dividers */

  /* Decorative gradient — imagery only, never UI controls */
  --gradient-iridescent: linear-gradient(60deg, rgb(8, 148, 255) 0%, rgb(201, 89, 221) 40%, rgb(255, 46, 84) 67%, rgb(255, 144, 3) 100%); /* @kind other */

  /* Semantic aliases */
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-graphite);
  --text-muted: var(--color-slate);
  --text-inverse: var(--color-fog-canvas);
  --surface-canvas: var(--color-fog-canvas);
  --surface-card: var(--color-pure-white);
  --surface-ghost: var(--color-ash);
  --surface-nav: rgba(29, 29, 31, 0.8); /* translucent dark band, pair with backdrop blur */
  --action-primary: var(--color-electric-blue);
  --action-primary-hover: var(--color-electric-blue-hover);
  --action-link: var(--color-link-blue);
  --border-divider: var(--color-divider);
}