/* =============================================================
 * Summit — design token bridge
 * Maps summit-local vars onto the HiiForest design-tokens.css system.
 *
 * Import order:
 *   1. /shared/design-tokens.css  (global --hii-* vars)
 *   2. /summit/summit-tokens.css  (this file — summit overrides + aliases)
 *   3. Page-specific <style> block  (consumes vars)
 *
 * Summit pages use an earthy forestry palette (forest green, terra cotta,
 * antique gold) that differs from the landing mist-blue palette, but the
 * variable NAMES are bridged so both systems can coexist.
 * ============================================================= */

:root {
  /* === Summit brand palette === */
  --forest:       #1a4d3a;
  --forest-deep:  #0f2e1e;
  --terra:        #c1683b;
  --terra-d:      #8e4622;
  --gold:         #b08d57;
  --gold-l:       #d4b878;
  --cream:        #faf6ec;
  --white:        #ffffff;
  --ink:          #1f1f1f;
  --ink-2:        #3b3a35;
  --sand:         #e6dcc4;
  --muted:        #6b6256;
  --paper:        #fffdf7;
  --navy:         #1d3557;

  --ink-warm:     #3b3b30;
  --gold-ink:     #5a4f33;
  --gold-hover:   #c9a754;
  --cream-2:      #fbf6e6;
  --forest-ink:   #2d5016;
  --slate:        #243040;
  --sage-bg:      #f0f5ef;
  --sage-border:  #c3d4be;

  /* === Semantic aliases (alert / status) === */
  --ok:           #2d6a4f;
  --ok-bg:        #e8f5e9;
  --ok-border:    #a5d6a7;
  --ok-bg-2:      #f0f7f0;
  --ok-border-2:  #c8e6c9;
  --err:          #c0392b;
  --err-bg:       #fdecea;
  --err-border:   #f5c6cb;
  --err-bg-2:     #fde8e8;
  --err-border-2: #f5b7b1;
  --warn-bg:      #fff7e8;
  --warn-bg-2:    #fff5e7;
  --warn-bg-3:    #fff3cd;
  --warn-ink:     #856404;
  --info:         #1565c0;
  --info-bg:      #e3f2fd;
  --info-border:  #bbdefb;

  /* === Bridge to --hii-* system ===
   * Pages that use --hii-* tokens will get summit-appropriate values.
   * Pages that use --forest/--terra/--gold continue to work unchanged. */
  --hii-primary:       var(--forest);
  --hii-primary-dk:    var(--forest-deep);
  --hii-secondary:     var(--gold);
  --hii-bg-deepest:    var(--cream);
  --hii-bg-panel:      var(--white);
  --hii-bg-elev:       var(--sand);
  --hii-text:          var(--ink);
  --hii-text-soft:     var(--ink-2);
  --hii-text-mute:     var(--muted);
  --hii-accent-gold:   var(--gold);
  --hii-accent-warn:   var(--terra);
  --hii-accent-danger: var(--err);
  --hii-border:        rgba(26, 77, 58, 0.20);
  --hii-border-soft:   rgba(31, 31, 31, 0.08);

  /* === Font stacks (matching design-tokens.css names) === */
  --hii-font-sans:     "Inter", "Noto Sans TC", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Hiragino Kaku Gothic ProN", "Microsoft JhengHei", "Yu Gothic UI", Roboto, sans-serif;
  --hii-font-serif:    "Noto Serif TC", "Noto Serif JP", "Source Serif Pro", "Hiragino Mincho ProN", Georgia, serif;
  --hii-font-display:  "Noto Serif TC", "Noto Serif JP", "Hiragino Mincho ProN", Georgia, serif;
  --hii-font-mono:     "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* === Radius & shadow (consistent with global system) === */
  --hii-radius-sm:     4px;
  --hii-radius:        8px;
  --hii-radius-lg:     12px;
  --hii-shadow-sm:     0 1px 2px rgba(31, 41, 55, 0.04), 0 1px 4px rgba(31, 41, 55, 0.04);
  --hii-shadow:        0 4px 20px rgba(31, 41, 55, 0.06);
}