/* ================================================================
   COLOR TOKENS — Australian Gutter Company
   Palette sourced from the logo (deep pine green + parchment cream)
   extended into a full earthy / autumn range: rust, mustard, bark.
   ================================================================ */
:root {
  /* ---- Primary: Pine Green (from logo background #36422e) ---- */
  --green-900: #232c1d;
  --green-800: #2d3826;
  --green-700: #36422e;   /* logo background, exact sample */
  --green-600: #445437;
  --green-500: #576b45;
  --green-400: #748a5f;
  --green-300: #9bad86;
  --green-200: #c4d0b6;
  --green-100: #e4ead9;
  --green-50:  #f2f5ec;

  /* ---- Cream / Parchment (from logo lettering #e5d9a7) ---- */
  --cream-700: #cbb877;
  --cream-600: #ddc98d;
  --cream-500: #e5d9a7;   /* logo lettering, exact sample */
  --cream-400: #ecdfb6;
  --cream-300: #f1e7c8;
  --cream-200: #f5eeda;
  --cream-100: #faf5e9;
  --cream-50:  #fdfbf3;

  /* ---- Autumn accents ---- */
  --rust-700:    #8a3a20;
  --rust-600:    #a6462a;
  --rust-500:    #bd5732;  /* terracotta — primary accent / CTA */
  --rust-400:    #cc7350;
  --rust-100:    #f4ded3;

  --mustard-700: #93641c;
  --mustard-600: #b17c22;
  --mustard-500: #c98a2c;  /* gold-mustard — secondary accent */
  --mustard-400: #dba54f;
  --mustard-100: #f7e8cb;

  --brick-700:   #6e2a20;
  --brick-600:   #822f22;
  --brick-500:   #963726;  /* barn red — warnings / emphasis */
  --brick-100:   #f0dad4;

  --bark-700:    #3a2c1e;
  --bark-600:    #4a3826;
  --bark-500:    #5c4530;  /* saddle brown — ink / borders */
  --bark-300:    #8a7358;
  --bark-100:    #e8ddce;

  /* ---- Neutrals (warm-tinted, never pure gray) ---- */
  --ink-900: #241f18;
  --ink-700: #3a332a;
  --ink-500: #5c5347;
  --ink-300: #948a7b;
  --ink-100: #d8d0c2;
  --paper:   #fdfbf3;
  --white:   #ffffff;

  /* ================= Semantic aliases ================= */
  --surface-page:     var(--cream-100);
  --surface-card:      var(--paper);
  --surface-sunken:    var(--cream-200);
  --surface-inverse:   var(--green-700);

  --text-body:         var(--ink-900);
  --text-muted:        var(--ink-500);
  --text-on-inverse:   var(--cream-300);
  --text-link:         var(--rust-600);
  --text-link-hover:   var(--rust-700);

  --border-default:    var(--bark-100);
  --border-strong:     var(--bark-500);
  --border-inverse:    var(--cream-500);

  --primary:           var(--green-700);
  --primary-hover:     var(--green-800);
  --primary-active:    var(--green-900);
  --primary-tint:      var(--green-100);
  --on-primary:        var(--cream-100);

  --accent:            var(--rust-500);
  --accent-hover:      var(--rust-600);
  --accent-tint:       var(--rust-100);
  --on-accent:         var(--cream-50);

  --gold:              var(--mustard-500);
  --gold-tint:         var(--mustard-100);

  --danger:            var(--brick-600);
  --danger-tint:       var(--brick-100);
  --success:           var(--green-600);
  --success-tint:      var(--green-100);

  --focus-ring:        var(--mustard-500);
}