/* tokens styles: shared Cervion design, no additional CSS framework. */
:root {
  --hc-forest: #3F5F45;
  --hc-moss: #7A8C63;
  --hc-sage: #A8B99A;
  --hc-oak: #7B5E45;
  --hc-beige: #EFE5D0;
  --hc-sand: #F8F3E7;
  --hc-mist: #F6F3EA;
  --hc-clay: #B8793A;
  --hc-amber: #D9A85C;
  --hc-danger: #A65E55;
  --hc-success: #5F7F5F;
  --hc-text: #2E332E;
  --hc-text-muted: #687060;
  --hc-border: #D8CCB8;
  --hc-border-strong: #BFAF95;
  --hc-card: rgba(255, 255, 255, 0.88);
  --hc-accent: var(--hc-forest);
  --hc-accent-hover: #314A36;
  --hc-accent-soft: rgba(63, 95, 69, 0.12);
  --hc-bg: var(--hc-mist);
  --hc-surface: #FFFFFF;
  --hc-surface-muted: var(--hc-sand);
  --hc-surface-raised: rgba(255, 255, 255, 0.9);
  --hc-editor-bg: #FFFFFF;
  --hc-muted: var(--hc-text-muted);
  --hc-shadow: 0 8px 24px rgba(46, 51, 46, 0.08);
  --hc-shadow-strong: 0 20px 50px rgba(46, 51, 46, 0.16);
  --bs-body-bg: var(--hc-bg);
  --bs-body-color: var(--hc-text);
  --bs-secondary-color: var(--hc-text-muted);
  --bs-border-color: var(--hc-border);
  --bs-link-color: var(--hc-accent);
  --bs-link-hover-color: var(--hc-accent-hover);
  --bs-tertiary-bg: var(--hc-surface-muted);
}

html[data-hc-theme="dark"] {
  --hc-forest: #54B689;
  --hc-moss: #78D39C;
  --hc-sage: #1F5B3B;
  --hc-oak: #C9A7FF;
  --hc-beige: #20242D;
  --hc-sand: #171A21;
  --hc-mist: #111318;
  --hc-clay: #C9A7FF;
  --hc-amber: #F4C04F;
  --hc-danger: #FF7B72;
  --hc-success: #54B689;
  --hc-text: #F3F6FA;
  --hc-text-muted: #AAB4C0;
  --hc-border: #343B48;
  --hc-border-strong: #4A5362;
  --hc-card: rgba(23, 26, 33, 0.96);
  --hc-accent: #54B689;
  --hc-accent-hover: #78D39C;
  --hc-accent-soft: rgba(84, 182, 137, 0.16);
  --hc-bg: var(--hc-mist);
  --hc-surface: #171A21;
  --hc-surface-muted: #20242D;
  --hc-surface-raised: rgba(23, 26, 33, 0.96);
  --hc-editor-bg: var(--hc-surface);
  --hc-shadow: 0 12px 32px rgba(0, 0, 0, 0.32);
  --hc-shadow-strong: 0 22px 56px rgba(0, 0, 0, 0.5);
  --bs-body-bg: var(--hc-bg);
  --bs-body-color: var(--hc-text);
  --bs-secondary-color: var(--hc-text-muted);
  --bs-border-color: var(--hc-border);
  --bs-link-color: var(--hc-accent);
  --bs-link-hover-color: var(--hc-accent-hover);
  --bs-tertiary-bg: var(--hc-surface-muted);
}