/* ============================================================
   Hamburg · Our Town Foundation — Color Tokens
   ------------------------------------------------------------
   Palette sampled directly from the OTF rebrand logo suite:
   a warm folk-Americana / barn-quilt Main Street system.
   Base ramps first, semantic aliases second.
   ============================================================ */

:root {
  /* ---- Brick Maroon · primary brand (wordmark, medallion ring) ---- */
  --maroon-900: #401316;
  --maroon-800: #5E1D21;
  --maroon-700: #7B262B;
  --maroon-600: #9A2E34;   /* BASE — the wordmark red */
  --maroon-500: #B0444A;
  --maroon-400: #C56E72;
  --maroon-300: #DBA0A3;
  --maroon-200: #EECCCD;
  --maroon-100: #F8E9EA;

  /* ---- Cardinal Red · the soaring bird, dots, energetic accent ---- */
  --cardinal-700: #9E182C;
  --cardinal-600: #B81C35;
  --cardinal-500: #CF243E;   /* BASE */
  --cardinal-400: #E04A5E;
  --cardinal-300: #ED8593;
  --cardinal-100: #FBE0E4;

  /* ---- Festival Orange · sub-brand vermilion (Hamburger Festival) ---- */
  --orange-600: #D2381F;
  --orange-500: #EE4932;   /* BASE */
  --orange-400: #F37054;
  --orange-300: #F89986;
  --orange-100: #FDE3DC;

  /* ---- Marigold · warm sunshine highlight (bun, sun rays) ---- */
  --marigold-600: #E89A2B;
  --marigold-500: #FBB949;   /* BASE */
  --marigold-400: #FCC96E;
  --marigold-300: #FDDA98;
  --marigold-100: #FEF1DA;

  /* ---- Gold · mustard quilt diamond ---- */
  --gold-600: #A08F26;
  --gold-500: #C6B33A;   /* BASE */
  --gold-400: #D6C766;
  --gold-200: #ECE4B5;

  /* ---- Olive · earthy field green ---- */
  --olive-700: #564D2E;
  --olive-600: #71653D;   /* BASE */
  --olive-500: #8A7D4F;
  --olive-300: #BDB48E;
  --olive-100: #ECE8D8;

  /* ---- Teal Mist · cool quilt diamond / sky ---- */
  --teal-700: #4E837C;
  --teal-600: #6FA59D;
  --teal-500: #A1CBC5;   /* BASE */
  --teal-300: #C4DEDA;
  --teal-100: #E8F2F0;

  /* ---- Soft folk tints ---- */
  --blush: #F3D6E5;     /* pink quilt corner */
  --cream: #FAE6C9;     /* warm bun cream */
  --cream-deep: #F4D9B4;
  --mist: #E3E8EC;      /* cool gray quilt corner */

  /* ---- Warm Neutrals (brown-tinted ink, paper warmth) ---- */
  --ink-900: #241915;   /* near-black, warm */
  --ink-800: #3A2C25;
  --ink-700: #4F3E35;
  --ink-600: #6B574B;
  --ink-500: #8A776A;
  --ink-400: #A99888;
  --ink-300: #CBBDAF;
  --ink-200: #E4D9CC;
  --ink-150: #EFE7DB;
  --ink-100: #F6EFE4;
  --paper:   #FFFDF8;   /* warm white page */
  --white:   #FFFFFF;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */

  /* Brand */
  --color-primary:         var(--maroon-600);
  --color-primary-hover:   var(--maroon-700);
  --color-primary-active:  var(--maroon-800);
  --color-primary-soft:    var(--maroon-100);
  --color-accent:          var(--cardinal-500);
  --color-accent-hover:    var(--cardinal-600);
  --color-festival:        var(--orange-500);
  --color-festival-hover:  var(--orange-600);
  --color-highlight:       var(--marigold-500);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-600);
  --text-faint:    var(--ink-500);
  --text-on-brand: var(--cream);
  --text-on-dark:  #FFF6EA;
  --text-link:     var(--maroon-600);
  --text-link-hover: var(--maroon-800);

  /* Surfaces */
  --surface-page:       var(--paper);
  --surface-card:       var(--white);
  --surface-sunken:     var(--ink-100);
  --surface-muted:      var(--ink-150);
  --surface-brand:      var(--maroon-600);
  --surface-brand-deep: var(--maroon-800);
  --surface-brand-soft: var(--maroon-100);
  --surface-cream:      var(--cream);
  --surface-marigold:   var(--marigold-500);
  --surface-teal-soft:  var(--teal-100);
  --surface-inverse:    var(--ink-900);

  /* Borders */
  --border-subtle:  var(--ink-150);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-brand:   var(--maroon-600);
  --ring-focus:     color-mix(in srgb, var(--cardinal-500) 55%, transparent);

  /* Status */
  --color-success:      #4F7A4E;
  --color-success-soft: #E5EFE2;
  --color-warning:      var(--marigold-600);
  --color-warning-soft: var(--marigold-100);
  --color-danger:       var(--cardinal-500);
  --color-danger-soft:  var(--cardinal-100);
  --color-info:         var(--teal-700);
  --color-info-soft:    var(--teal-100);
}