:root {
  /* ── Brand palette ── */
  --brand-orange:   #F4522D;
  --brand-black:    #0C0806;
  --brand-brown:    #3D1F1A;
  --brand-skin:     #D4B5A8;

  /* ── Semantic tokens ── */
  --accent:         #F4522D;
  --accent-hover:   #FF6B3D;
  --link:           #F4522D;
  --link-hover:     #FF8050;

  --text:           #FFFFFF;
  --text-muted:     rgba(255, 255, 255, 0.5);

  --border:         rgba(255, 255, 255, 0.1);
  --divider:        rgba(255, 255, 255, 0.07);

  --chip-bg:        rgba(244, 82, 45, 0.12);
  --chip-border:    rgba(244, 82, 45, 0.35);

  /* ── Card gradient (subtle Octo-style glow, one corner only) ── */
  --grad-card:
    radial-gradient(ellipse at bottom right, rgba(180, 60, 20, 0.18) 0%, transparent 55%);

  --shadow-md:      0 4px 24px rgba(0, 0, 0, 0.5);

  /* ── Status ── */
  --success:        #34AB8F;
  --success-border: rgba(52,  171, 143, 0.4);
  --success-bg:     rgba(52,  171, 143, 0.1);

  --info:           #9B8EC4;
  --info-border:    rgba(155, 142, 196, 0.4);
  --info-bg:        rgba(155, 142, 196, 0.1);

  --warning:        #F0A500;
  --warning-border: rgba(240, 165,   0, 0.4);
  --warning-bg:     rgba(240, 165,   0, 0.1);

  --danger:         #F15A47;
  --danger-border:  rgba(241,  90,  71, 0.4);
  --danger-bg:      rgba(241,  90,  71, 0.1);
}