/* SocialSpider AI — brand color tokens
   Source of truth: src/app/globals.css. Copy into your project or design tool. */
:root {
  --ss-ink:      #10100E; /* Headlines, primary text, dark CTA background */
  --ss-cream:    #F4F1EA; /* App background, paper wash */
  --ss-thread:   #C9622E; /* Primary CTA, brand accent */
  --ss-slate:    #3B4A52; /* Chart primary, business gravitas */
  --ss-teal:     #2D7A75; /* Secondary chart, 'excellent' score tier */
  --ss-web:      #5B7B6F; /* 'Good' score tier, 4th chart series */
  --ss-gold:     #B8893A; /* Tertiary chart, highlights */
  --ss-mist:     #E8E5DE; /* Gridlines, warm dividers */
  --ss-pebble:   #A8A29A; /* Tertiary text, neutral fills */
  --ss-red-deep: #A03434; /* 'Critical' score tier only */
  --ss-chip-bg:  #F4E9DC; /* Chip background (cream-tinted thread) */
  --ss-chip-text:#5C3A1E; /* Chip text */
}

/* Chart series — always in this fixed order */
/* 1 slate · 2 thread · 3 teal · 4 gold · 5 web · 6 pebble */

/* Score → color scale (0–100) */
/* 0–29 red-deep (Critical) · 30–49 thread (Warning) · 50–69 gold (Emerging)
   · 70–84 web (Good) · 85+ teal (Excellent) */