/* Self Help Co — Velvet & Glaze v2.0. Palette: Dark Velvet #131D1C · Velvet Green #1A3735 · Orange Glaze #F85C2B · Celery #E4FF94 · Champagne→#FAF9F5.
   Orange Glaze = action/emphasis. Velvet Green + Celery = accents. No gold. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Type — Quiet Editorial */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-sans: 'Schibsted Grotesk', 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Surfaces — warm neutral spine (60%) */
  --bg:             #FAF9F5;  /* Champagne (hero white) — page ground */
  --surface:        #F1F0EA;  /* Champagne, one step down */
  --surface-strong: #E6E6DE;
  --paper:          #FFFFFF;  /* Paper — cards, elevated surfaces */
  --surface-dark:   #131D1C;  /* Dark Velvet — dark grounds */
  --surface-dark-elev: #1A3735;  /* Velvet Green — elevated dark */

  /* Ink ramp — warm greys pulled toward the ink */
  --ink:   #131D1C;  /* Dark Velvet — headlines, logotype */
  --ink-2: #1A3735;  /* Velvet Green — body copy */
  --ink-3: #5C6B69;  /* Velvet grey — captions, meta */
  --ink-4: #5C6B69;
  --ink-5: #65736F;  /* faintest running text (footer legal) — 4.7:1 on Champagne; #86938F was 3.0:1 */

  /* Hairlines */
  --rule-soft:   #EDEDE6;
  --rule:        #D9DBD3;  /* Rule */
  --rule-strong: #86938F;  /* Rule Strong */

  /* Action — Orange Glaze; accents — Velvet Green + Celery */
  --accent:      #F85C2B;  /* Orange Glaze — fills, large display accents (3.0:1 on Champagne: fills and ≥24px text only) */
  --accent-deep: #C43D15;  /* Glaze, deepened — orange as *text* on light grounds: eyebrows, pills, links, hover. 4.9:1 on Champagne, 4.6:1 on Surface */
  --accent-warm: #F85C2B;
  --velvet:      #1A3735;  /* Velvet Green */
  --celery:      #E4FF94;  /* Celery */
  --gold:        #5C6B69;  /* legacy alias — no gold on this site */

  /* Semantic status — functional signalling, not brand colours */
  --green: #1A3735;
  --amber: #9A6608;
  --red:   #A33226;
  --chip-ok-bg:    #E4FF94; --chip-ok-fg:    #1A3735;
  --chip-warn-bg:  #F5EDDA; --chip-warn-fg:  #7A5206;
  --chip-error-bg: #F7E6E2; --chip-error-fg: #A33226;

  /* Depth comes from the ground/surface step, not effects */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: 0 1px 2px rgba(19,29,28,0.06);

  /* Hero moods — orange wash / peach family */
  --orb-terracotta: radial-gradient(120% 120% at 70% 25%, #F85C2B 0%, #FA8A66 30%, #FDD3C4 62%, #FAF9F5 100%);
  --orb-clay:       radial-gradient(120% 120% at 70% 25%, #1A3735 0%, #F85C2B 40%, #FDD3C4 75%, #FAF9F5 100%);
  --orb-dune:       radial-gradient(120% 120% at 70% 25%, #FDD3C4 0%, #FDE4DA 45%, #F1F0EA 80%, #FAF9F5 100%);
  --orb-sage:       radial-gradient(120% 120% at 70% 25%, #E4FF94 0%, #1A3735 60%, #131D1C 100%);
  --orb-slate:      radial-gradient(120% 120% at 70% 25%, #131D1C 0%, #1A3735 45%, #F1F0EA 100%);
}