/* ============================================================
   RP HYBRID PERFORMANCE — COLOR TOKENS
   Sampled from the brand mark + link-in-bio page:
   brand green #77D13C · deep teal #0B2923 / #07251F · mint #EAF9E1
   ============================================================ */

:root {
  /* --- Brand green scale (the signal color) --- */
  --green-50:  #F1FBE8;
  --green-100: #EAF9E1;  /* mint card surface from the live page */
  --green-200: #D6F1BA;
  --green-300: #B6E78C;
  --green-400: #95DC60;
  --green-500: #77D13C;  /* PRIMARY brand green */
  --green-600: #5DB528;  /* hover / pressed darker */
  --green-700: #468C1F;
  --green-800: #356719;
  --green-900: #21400F;

  /* --- Teal / ink (the dark arena) --- */
  --ink-950:  #04120D;   /* near-black green */
  --teal-950: #07251F;   /* deepest gradient stop */
  --teal-900: #0B2923;   /* base dark surface */
  --teal-800: #103A30;
  --teal-700: #174D3F;
  --teal-600: #21684F;
  --teal-500: #2E8765;

  /* --- Neutrals (light product surfaces) --- */
  --white:     #FFFFFF;
  --neutral-50:  #F6F8F5;
  --neutral-100: #ECF0EA;
  --neutral-200: #D9DFD5;
  --neutral-300: #B8C3B7;
  --neutral-400: #8C988A;
  --neutral-500: #616E5B;
  --neutral-700: #39423A;
  --neutral-800: #232C24;
  --neutral-900: #131A15;

  /* --- Semantic status --- */
  --status-success: #5DB528;
  --status-warning: #F5A623;
  --status-danger:  #E5484D;
  --status-info:    #3BA0D6;

  /* ============================================================
     SEMANTIC ALIASES — reach for these in components
     ============================================================ */

  /* Accent */
  --accent:          var(--green-500);
  --accent-strong:   var(--green-600);
  --accent-soft:     var(--green-100);
  --on-accent:       var(--ink-950);   /* text on green = dark, never white */

  /* Dark theme surfaces (the default brand context) */
  --surface-base:    var(--teal-900);
  --surface-deep:    var(--teal-950);
  --surface-raised:  var(--teal-800);
  --surface-overlay: rgba(7, 37, 31, 0.72);
  --surface-mint:    var(--green-100);

  /* Text on dark */
  --text-strong:     var(--white);
  --text-body:       rgba(255,255,255,0.82);
  --text-muted:      rgba(255,255,255,0.56);
  --text-faint:      rgba(255,255,255,0.34);
  --text-on-mint:    var(--teal-900);

  /* Light theme surfaces (web body, app sheets) */
  --surface-light:        var(--white);
  --surface-light-sunken: var(--neutral-50);
  --surface-light-raised: var(--white);
  --text-ink:        var(--neutral-900);
  --text-ink-soft:   var(--neutral-500);

  /* Lines */
  --border-on-dark:  rgba(255,255,255,0.12);
  --border-on-light: var(--neutral-200);
  --border-accent:   var(--green-500);

  /* Focus ring */
  --ring: var(--green-400);
}