/* ============================================================
   Forward Business — Color tokens
   Warm copper/terracotta brand over a soft greige paper,
   deep slate ink, white cards. Sampled from forwardbusiness.com.au
   ============================================================ */

:root {
  /* ---- Brand: copper / terracotta ---- */
  --copper-50:  #F6ECE2;
  --copper-100: #EBD6C2;
  --copper-200: #DDBA9A;
  --copper-300: #CF9E72;
  --copper-400: #C68A5B;
  --copper-500: #C17E50;   /* primary brand copper — logo, buttons, footer */
  --copper-600: #AE6E43;   /* hover / pressed / solid panels */
  --copper-700: #935A36;
  --ochre-500:  #D89A56;   /* brighter amber — email input, highlights */
  --clay-500:   #B5563E;   /* rust-red — emphasis headings, active accordion */

  /* ---- Neutrals: paper & ink ---- */
  --paper:      #EAE5DF;   /* warm greige page background */
  --paper-deep: #E1DBD3;   /* alt section background */
  --surface:    #FFFFFF;   /* cards, panels */
  --ink-900:    #353F4F;   /* primary text — brand navy */
  --ink-700:    #4A535E;   /* strong secondary */
  --ink-500:    #6B7480;   /* muted body / captions */
  --ink-300:    #9AA1AB;   /* disabled, faint */
  --hairline:   #D9D2C9;   /* neutral divider on paper */
  --hairline-copper: #D7B595; /* thin copper card border */

  /* ---- Semantic aliases ---- */
  --brand:            var(--copper-500);
  --brand-hover:      var(--copper-600);
  --brand-bright:     var(--ochre-500);
  --accent-emphasis:  var(--clay-500);

  --bg-page:          var(--paper);
  --bg-alt:           var(--paper-deep);
  --surface-card:     var(--surface);
  --surface-solid:    var(--copper-500);   /* solid copper panels (quote, footer) */

  --text-heading:     var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-on-brand:    #FFFFFF;
  --text-accent:      var(--copper-500);

  --border-card:      var(--hairline-copper);
  --border-subtle:    var(--hairline);
  --focus-ring:       var(--copper-500);
}