/* Authentic Brand Studio — color tokens
   Source: Authentic Brand Studio Brand Board.pdf (color scheme panel) */
:root {
  /* base palette — exact brand board values */
  --chocolate: #331B17;
  --marron: #5F352F;
  --noire: #302610;
  --sable: #C88D71;
  --poisson: #EDC3BA;
  --rose: #CB4B77;
  --champagne: #DDD5CB;
  --creme: #FBFAF9;
  --white: #FFFFFF;

  /* semantic aliases */
  --color-bg: var(--creme);
  --color-bg-alt: var(--champagne);
  --color-surface: var(--white);
  --color-surface-sunken: var(--poisson);

  --color-text: var(--chocolate);
  --color-text-muted: color-mix(in oklch, var(--chocolate) 62%, transparent);
  --color-text-on-dark: var(--creme);
  --color-text-on-rose: var(--creme);

  --color-primary: var(--chocolate);
  --color-primary-hover: var(--noire);
  --color-accent: var(--rose);
  --color-accent-hover: #b03e67;
  --color-accent-soft: var(--poisson);
  --color-accent-soft-hover: #e6b3a8;

  --color-border: color-mix(in oklch, var(--chocolate) 18%, transparent);
  --color-border-soft: color-mix(in oklch, var(--chocolate) 10%, transparent);
  --color-focus-ring: var(--rose);

  --color-link: var(--rose);
  --color-link-hover: var(--chocolate);
}