/* Catyobi Studio — color tokens
   Source of truth: catyobi-homepage.html + Website 2026 pages (June 2026) */
:root {
  /* Base palette */
  --cream:    #F2EDE3;
  --charcoal: #2C2B26;
  --sage:     #8BAF8E;
  --forest:   #3D5C40;
  --teal:     #4A7C6F;
  --white:    #FFFFFF;
  --forest-hover: #3D5C40;

  /* Ink ramp — charcoal at documented alphas (exact values from source) */
  --ink-06: rgba(44,43,38,0.06);
  --ink-11: rgba(44,43,38,0.11);
  --ink-18: rgba(44,43,38,0.18);
  --ink-30: rgba(44,43,38,0.30);
  --ink-32: rgba(44,43,38,0.32);
  --ink-38: rgba(44,43,38,0.38);
  --ink-45: rgba(44,43,38,0.45);
  --ink-55: rgba(44,43,38,0.55);
  --ink-65: rgba(44,43,38,0.65);
  --ink-70: rgba(44,43,38,0.70);
  --ink-78: rgba(44,43,38,0.78);

  /* Neutrals */
  --muted:        rgba(44,43,38,0.55);
  --muted-solid:  #7A7A72;
  --rule:         #D6D0C4;          /* homepage hairline */
  --border-hair:  rgba(44,43,38,0.11); /* subpage hairline */
  --border-input: rgba(44,43,38,0.18);

  /* Accent tints */
  --accent-tint:    rgba(61,92,64,0.1);
  --accent-tint-10: rgba(61,92,64,0.1);
  --badge-dark-bg:  rgba(139,175,142,0.2);

  /* On-dark (charcoal surfaces) */
  --ondark-text:    rgba(242,237,227,0.65);
  --ondark-fill:    rgba(242,237,227,0.1);
  --on-dark-strong: rgba(242,237,227,0.9);
  --on-dark-body:   rgba(242,237,227,0.65);
  --on-dark-muted:  rgba(242,237,227,0.45);
  --on-dark-faint:  rgba(242,237,227,0.3);
  --on-dark-border: rgba(255,255,255,0.1);

  /* Semantic aliases */
  --surface-page:   var(--cream);
  --surface-card:   var(--white);
  --surface-dark:   var(--charcoal);
  --text-body:      var(--charcoal);
  --text-prose:     var(--ink-78);
  --text-muted:     var(--ink-55);
  --text-accent:    var(--forest);
  --text-link:      var(--teal);
  --accent-primary: var(--forest);
  --accent-soft:    var(--sage);
  --hover-wash:     rgba(44,43,38,0.025);
  --pill-bg:        var(--ink-06);
  --pill-fg:        rgba(44,43,38,0.5);
  --pill-green-bg:  var(--accent-tint-10);
}