/* ===========================================================================
   Dina's Fine Arts — Color tokens
   ---------------------------------------------------------------------------
   Warm cream-canvas gallery palette. The cream floor evokes gallery walls and
   unglazed clay; accents are earthy and slightly desaturated so the artwork —
   never the chrome — carries the saturation. Never use cool gray surfaces.
   =========================================================================== */

:root {
  /* --- Base: surfaces (warm cream family) --- */
  --canvas: #fdf8ef;            /* default page floor — cream */
  --surface-soft: #f6efe1;      /* footer + CTA band */
  --surface-card: #f1e8d6;      /* cream cards (testimonial, soft feature) */
  --surface-strong: #eae0cb;    /* emphasized bands */
  --surface-dark: #1c2420;      /* rare dark cards — warm charcoal-green */
  --surface-dark-elevated: #29332d;
  --hairline: #e6dcc8;          /* 1px warm borders (never cool gray) */

  /* --- Base: ink / text (warm near-blacks) --- */
  --ink: #211f1a;               /* headlines + primary text */
  --body-strong: #2f2c25;       /* lead paragraphs, emphasized body */
  --body: #4b463c;              /* default running text */
  --muted: #6f695b;             /* sub-heads, breadcrumbs, footer body */
  --muted-soft: #9a9384;        /* captions, fine print */
  --on-primary: #fdf8ef;        /* text on dark CTAs + dark cards */

  /* --- Base: earthy accent set (fine-arts tuned, 6 voices) --- */
  --clay: #bd6243;              /* signature terracotta — pottery, primary accent */
  --clay-soft: #d99a82;         /* lighter clay wash for fills */
  --sage: #7c8a6a;              /* muted olive-sage */
  --ochre: #d39a36;             /* mustard / ochre */
  --rose: #cf8c84;              /* dusty rose */
  --plum: #8a7aa0;              /* soft plum-lavender */
  --teal: #1f3a34;              /* deep teal-green — featured / contrast */
  --mint: #a7c2b0;              /* soft mint — small badges, glaze accents */

  /* --- Base: semantic --- */
  --success: #4f9d69;
  --warning: #d49228;
  --error: #c2543e;

  /* =====================================================================
     Semantic aliases — reference THESE in components, not the base hexes
     ===================================================================== */
  --color-primary: var(--ink);          /* primary CTA fill */
  --color-on-primary: var(--on-primary);
  --color-bg: var(--canvas);
  --color-bg-soft: var(--surface-soft);
  --color-bg-card: var(--surface-card);
  --color-bg-strong: var(--surface-strong);
  --color-border: var(--hairline);

  --text-heading: var(--ink);
  --text-lead: var(--body-strong);
  --text-body: var(--body);
  --text-muted: var(--muted);
  --text-faint: var(--muted-soft);

  --accent-primary: var(--clay);   /* the brand's signature voice */
  --accent-featured: var(--teal);  /* featured / selected surfaces */
}