/*
 * ICE DOG — Design Tokens
 * Source of truth for all CSS custom properties.
 * Loaded before design-system.css via functions.php.
 */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter+Tight:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* — Steppe palette (default) — */
  --bg:            #f0ece2;
  --bg-deep:       #1a2138;
  --bg-mid:        #283151;
  --ink:           #1a2138;
  --ink-soft:      #3a4258;
  --ink-faint:     #6e7287;
  --line:          #d6cfbf;
  --line-soft:     #e5e0d2;
  --paper:         #faf6ec;
  --ice:           #ecead8;
  --steel:         #4a5d8a;
  --steel-deep:    #2f3f66;
  --signal:        #c4502a;
  --signal-bright: #db5e34;
  --frost:         #c8c1ad;

  /* — Typefaces — */
  --display: 'Archivo Black', 'Helvetica Neue', sans-serif;
  --sans:    'Inter Tight', 'Helvetica Neue', sans-serif;
  --mono:    'JetBrains Mono', 'SF Mono', monospace;

  /* — Type scale — */
  --fs-display-xl: clamp(40px, 8vw, 120px);
  --fs-display-lg: clamp(36px, 5vw, 68px);
  --fs-display-md: clamp(28px, 3vw, 44px);
  --fs-body-lg:    19px;
  --fs-body:       15px;
  --fs-body-sm:    13px;
  --fs-mono:       12px;
  --fs-mono-sm:    10px;
  --ls-mono:       0.12em;

  /* — Layout — */
  --max-width: 1480px;
  --gutter:    32px;
}

/* Glacier palette — cool icy alternative to the default warm Steppe */
[data-palette="glacier"] {
  --bg:        #eef2f5;
  --bg-deep:   #10202b;
  --bg-mid:    #1c3542;
  --ink:       #10202b;
  --ink-soft:  #33474f;
  --ink-faint: #66797f;
  --line:      #c3d0d4;
  --line-soft: #dde5e7;
  --paper:     #f7fafb;
  --ice:       #e4ecee;
  --steel:     #3f7d92;
  --steel-deep:#2a5566;
  --frost:     #b9c9cd;
}

/* Dark palette — inverted for low-light viewing */
[data-palette="dark"] {
  --bg:        #11151c;
  --bg-deep:   #0a0d12;
  --bg-mid:    #171d27;
  --ink:       #ecead8;
  --ink-soft:  #c7c4b3;
  --ink-faint: #8b8a82;
  --line:      #2a2f3a;
  --line-soft: #1c212b;
  --paper:     #171b23;
  --ice:       #1f242e;
  --steel:     #6f89c7;
  --steel-deep:#4a5d8a;
  --signal:    #d9673f;
  --signal-bright: #e87a4f;
  --frost:     #4b5058;
}