/* Color tokens — Saivaree Clinic
   Source of truth: BRAND-BRIEF.md + site-builder-scripts/sv3-*.php palette constants */
:root {
  /* base palette */
  --sv-cream: #FAF6EF;       /* primary light background */
  --sv-sand: #F1EADD;        /* secondary light bg, cards */
  --sv-ink: #2E2820;         /* primary text on light */
  --sv-muted: #6E6252;       /* secondary text */
  --sv-soft: #8A7D6A;        /* tertiary / caption text */
  --sv-gold: #9C8449;        /* accent — links, em words, icons */
  --sv-gold-dark: #7E6A39;   /* gold hover / pressed */
  --sv-gold-light: #C9AE6F;  /* gold on dark surfaces */
  --sv-gold-lighter: #E8CE96;/* gold on dark, hover */
  --sv-line: #E4DAC8;        /* borders, dividers on light */
  --sv-white: #FFFFFF;
  --sv-cta-bg: #2B241B;      /* dark button fills */
  --sv-charcoal: #211C16;    /* dark section bands */
  --sv-charcoal-deep: #1B1712; /* darkest band (utility bar, sv3 CHAR2) */
  --sv-dark-heading: #F3ECDD;/* headings on dark */
  --sv-dark-body: #B7AB94;   /* body text on dark */
  --sv-dark-soft: #8F8470;   /* tertiary on dark */
  --sv-utility-text: #CBBFA8;/* utility-bar text on charcoal */
  --sv-line-green: #06C755;  /* LINE app button only */
  --sv-line-green-hover: #05A648;

  /* semantic — light surfaces (default) */
  --surface-page: var(--sv-cream);
  --surface-card: var(--sv-sand);
  --surface-card-elevated: var(--sv-white);
  --text-heading: var(--sv-ink);
  --text-body: var(--sv-muted);
  --text-caption: var(--sv-soft);
  --text-accent: var(--sv-gold);
  --text-accent-hover: var(--sv-gold-dark);
  --border-default: var(--sv-line);
  --cta-solid-bg: var(--sv-gold);
  --cta-solid-bg-hover: var(--sv-gold-dark);
  --cta-solid-text: var(--sv-white);
  --cta-dark-bg: var(--sv-cta-bg);
}

/* dark band scope — apply .sv-dark to charcoal sections */
.sv-dark {
  --surface-page: var(--sv-charcoal);
  --surface-card: rgba(243, 236, 221, 0.03);
  --surface-card-elevated: rgba(243, 236, 221, 0.045);
  --text-heading: var(--sv-dark-heading);
  --text-body: var(--sv-dark-body);
  --text-caption: var(--sv-dark-soft);
  --text-accent: var(--sv-gold-light);
  --text-accent-hover: var(--sv-gold-lighter);
  --border-default: rgba(243, 236, 221, 0.14);
}