/* Metodo 7 — Color tokens
   Rule of the system:
   - Green (--primary) does almost everything: titles, icons, bullets, eyebrows, secondary buttons.
   - Orange (--accent) is FLAT and reserved ONLY for CTAs (action buttons + CTA boxes).
   - Yellow (--yellow-hl) ONLY as the highlighter behind keywords in titles.
   - Red (--red-logo) ONLY for the circled "7" brand mark.
   - No gradients anywhere. Text on any orange surface is always white (--on-accent). */
:root {
  /* Brand / primary */
  --primary:        #006B61;  /* green — titles, icons, non-CTA buttons, dark bands */
  --primary-press:  #00514A;  /* green hover / pressed */

  /* Accent — CTA ONLY */
  --accent:         #FE8B5C;  /* orange — action buttons + CTA boxes only */
  --accent-press:   #F5733D;  /* orange hover / pressed */

  /* Support */
  --teal:           #1DC9BA;  /* details, fills, doodles — sparing use */
  --peach:          #F9DCCF;  /* soft warm background for some sections */
  --gray:           #EAECF0;  /* neutral surfaces / soft borders */
  --yellow-hl:      #FFE14D;  /* highlighter behind title keywords */
  --yellow-hl-deep: #FFD11A;  /* second-pass highlighter shade */
  --red-logo:       #E5342B;  /* ONLY the circled "7" brand mark */

  /* Backgrounds */
  --bg:             #FFFFFF;  /* page */
  --bg-soft:        #FFF6F1;  /* alternate section — faint peach */
  --bg-gray:        #F4F6F8;  /* alternate section — neutral */
  --surface:        #FFFFFF;  /* cards */

  /* Lines */
  --line:           #E6E8EC;  /* borders + thin rules */

  /* Text */
  --text-title:     #006B61;  /* titles (green) */
  --text-strong:    #101828;  /* strong text, numbers */
  --text-body:      #3B4250;  /* body copy */
  --text-muted:     #6B7280;  /* labels, captions */
  --on-accent:      #FFFFFF;  /* text on orange (always white) */

  /* Soft RGBs (for shadows / rings, no gradients) */
  --primary-rgb:    0, 107, 97;     /* @kind other */
  --accent-rgb:     254, 139, 92;   /* @kind other */
  --ink-rgb:        16, 24, 40;     /* @kind other */
}