/*
 * ═══════════════════════════════════════════════════════
 *  ARTISAN SIGNATURE CREATIVES — BRAND COLOR SYSTEM
 *  Source: Brand Guide v2
 * ═══════════════════════════════════════════════════════
 *
 *  TO SWITCH ACCENT: uncomment one --brand-accent line
 *  and comment out the current one. That's it.
 *
 *  ACCENT OPTIONS:
 *  --brand-accent: #00838F;   Cyan   — deep teal (recommended)
 *  --brand-accent: #00C9DC;   Sky    — bright cyan
 *  --brand-accent: #838F00;   Olive  — earthy green
 *  --brand-accent: #C9DC00;   Lime   — vivid lime
 *  --brand-accent: #8F0083;   Wine   — deep magenta
 *  --brand-accent: #8F0083;   Ruby   — magenta
 * ═══════════════════════════════════════════════════════
 */

:root {
  /* ── ACTIVE ACCENT ── change this one line to swap ── */
  /* --brand-accent:     #00838F; */  /* Cyan   */
  /* --brand-accent:     #00C9DC; */  /* Sky    */
  /* --brand-accent:     #838F00; */  /* Olive  */
  /* --brand-accent:     #C9DC00; */  /* Lime   */
  /* --brand-accent:     #8F0083; */  /* Wine   */
  /* --brand-accent:     #D4006A; */  /* Ruby   */
  --brand-accent:        #838183;    /* Gray (active) */

  /* ── PRIMARY PALETTE ── */
  --thm-primary:            var(--brand-accent);
  --thm-primary-rgb:        131, 129, 131;     /* Gray — update if accent changes */

  /* ── ONYX (near-black) ── */
  --thm-black:              #1A181A;
  --thm-black-rgb:          26, 24, 26;
  --thm-heading-font-color: #1A181A;

  /* ── GRANITE (mid grey) ── */
  --thm-gray:               #838183;
  --thm-gray-rgb:           131, 129, 131;

  /* ── SECTION BACKGROUND (light neutral) ── */
  --thm-gray-bg:            #F5F5F5;
  --thm-gray-bg-rgb:        245, 245, 245;

  /* ── WHITE ── */
  --thm-white:              #FFFFFF;
  --thm-white-rgb:          255, 255, 255;
  --thm-white-bg:           #FFFFFF;

  /* ── GREYSCALE STEPS ── */
  --brand-onyx:             #1A181A;
  --brand-onyx-light:       #3A383A;
  --brand-onyx-lighter:     #5D5B5D;
  --brand-granite:          #838183;
  --brand-grey-dark:        #BDBDBD;
  --brand-grey:             #D9D9D9;
}