/* Also Coffee Co — Colour tokens
   Brand palette from the official swatch sheet. Semantic aliases enforce
   the WCAG AA contrast rules: never cream/white text on `blue` or `clay`. */
:root {
  /* ---- Raw brand palette ---- */
  --acc-base:      #FDF4E6; /* page background (cream) */
  --acc-surface:   #FAE9CD; /* alternating section / card (sand) */
  --acc-cream:     #FDF4E6; /* reversed text on dark browns */

  --acc-ink:       #402115; /* primary body text */
  --acc-ink-deep:  #28150D; /* strongest text */
  --acc-primary:   #714230; /* primary buttons, dark sections */
  --acc-mocha:     #99624B; /* secondary warm accent (large/bold only) */
  --acc-clay:      #C28F7A; /* warm decorative blocks (dark text only) */

  --acc-blue:      #93BBCF; /* playful accent — dark-brown text */
  --acc-blue-soft: #C3DBE7; /* soft blue section bg */
  --acc-blue-pale: #E2F4FD; /* palest blue bg (reflect-first card) */

  /* ---- Derived tints / borders / states (from brand hues) ---- */
  --acc-sand-deep: #F2DBB4; /* sand pressed / hairline on cream */
  --acc-border:    #E7D3B3; /* default hairline on cream/sand */
  --acc-border-strong: #D9BE94;
  --acc-primary-hover: #5C3526; /* primary button hover (darker) */
  --acc-primary-press: #4A2A1D;
  --acc-blue-hover:  #7FAAC0; /* blue button hover (darker, keeps dark text) */
  --acc-clay-soft:   #E2C6BA; /* pale clay wash */
  --acc-leaf:        #714230; /* latte-leaf motif ink */

  /* ---- Semantic aliases ---- */
  --surface-page:    var(--acc-base);
  --surface-raised:  var(--acc-surface);
  --surface-card:    #FFFFFF;
  --surface-blue:    var(--acc-blue-soft);
  --surface-blue-pale: var(--acc-blue-pale);
  --surface-dark:    var(--acc-primary);
  --surface-clay:    var(--acc-clay);

  --text-body:       var(--acc-ink);
  --text-strong:     var(--acc-ink-deep);
  --text-muted:      #6B4636;
  --text-on-dark:    var(--acc-cream);
  --text-on-blue:    var(--acc-ink);   /* AA: dark brown on blue */
  --text-on-clay:    var(--acc-ink-deep);

  --accent:          var(--acc-primary);
  --accent-blue:     var(--acc-blue);

  --border:          var(--acc-border);
  --border-strong:   var(--acc-border-strong);

  /* Buttons */
  --btn-primary-bg:    var(--acc-primary);
  --btn-primary-bg-hover: var(--acc-primary-hover);
  --btn-primary-text:  var(--acc-cream);
  --btn-secondary-bg:  var(--acc-blue);
  --btn-secondary-bg-hover: var(--acc-blue-hover);
  --btn-secondary-text: var(--acc-ink-deep);

  --focus-ring:      #2A6FB0; /* high-contrast focus outline */

  /* Star / rating accent */
  --rating:          #B9762F;
}