/* ============================================================
   Roboprofi — Color tokens
   Brand world: deep forest greens + charcoal, warm garden
   photography, a khaki-olive highlight and a fresh grass green.
   Surfaces are predominantly dark; light "paper" surfaces (the
   white sidebar, testimonial cards) are the exception.
   ============================================================ */

:root {
  /* ---- Brand greens (base ramp) ---- */
  --rp-forest-deepest: #15190F;  /* deepest footer / overlays */
  --rp-forest-deep:    #1E221D;  /* charcoal-green — secondary surface */
  --rp-forest:         #2E3C2D;  /* PRIMARY brand surface (forest) */
  --rp-forest-soft:    #38462F;  /* elevated card on forest */
  --rp-forest-line:    #45533C;  /* hairline on forest */

  /* ---- Accents ---- */
  --rp-olive:          #A2A93F;  /* khaki-olive — active nav, highlights */
  --rp-olive-bright:   #C2C766;  /* hover / lighter olive */
  --rp-grass:          #6FA02C;  /* fresh grass green — success, CTA accent */
  --rp-grass-deep:     #4F7A1E;  /* pressed grass */
  --rp-grass-tint:     #EAF1DC;  /* faint grass wash on light */

  /* ---- Neutrals: light / paper ---- */
  --rp-white:          #FFFFFF;
  --rp-paper:          #FFFFFF;  /* sidebar, light cards */
  --rp-paper-2:        #F4F5F1;  /* subtle off-white panel */
  --rp-ink:            #1E221D;  /* primary text on light */
  --rp-ink-soft:       #727272;  /* muted text on light (inactive nav) */
  --rp-ink-faint:      #A9ABA4;  /* faint text / placeholder on light */
  --rp-line:           rgba(20,24,18,0.10);  /* divider on light */
  --rp-line-strong:    rgba(20,24,18,0.18);

  /* ---- Neutrals: on dark ---- */
  --rp-on-dark:        #FFFFFF;
  --rp-on-dark-soft:   rgba(255,255,255,0.74);
  --rp-on-dark-faint:  rgba(255,255,255,0.46);
  --rp-on-dark-line:   rgba(255,255,255,0.18);
  --rp-on-dark-fill:   rgba(255,255,255,0.08);

  /* ---- Status ---- */
  --rp-success:        #6FA02C;
  --rp-warning:        #D9A325;
  --rp-danger:         #C0492F;
  --rp-info:           #5B86A8;

  /* ---- Image overlay (warm-dark scrim used on hero photography) ---- */
  --rp-scrim:          linear-gradient(180deg, rgba(21,25,15,0.10) 0%, rgba(21,25,15,0.62) 100%); /* @kind color */
  --rp-scrim-flat:     rgba(21,25,15,0.45);

  /* ============================================================
     Semantic aliases — prefer these in components
     ============================================================ */
  --surface-page:      var(--rp-forest);          /* default page = forest */
  --surface-deep:      var(--rp-forest-deep);      /* darker band */
  --surface-deepest:   var(--rp-forest-deepest);
  --surface-card:      var(--rp-forest-soft);      /* card on dark */
  --surface-paper:     var(--rp-paper);            /* light surface */
  --surface-paper-2:   var(--rp-paper-2);

  --text-strong:       var(--rp-on-dark);          /* on dark surfaces */
  --text-body:         var(--rp-on-dark-soft);
  --text-muted:        var(--rp-on-dark-faint);
  --text-on-light:     var(--rp-ink);
  --text-on-light-muted: var(--rp-ink-soft);

  --border-subtle:     var(--rp-on-dark-line);
  --border-on-light:   var(--rp-line);
  --hairline-forest:   var(--rp-forest-line);

  --accent:            var(--rp-olive);
  --accent-hover:      var(--rp-olive-bright);
  --accent-grass:      var(--rp-grass);

  --focus-ring:        var(--rp-olive);
}