/* ============================================================
   COLORS — Empresas Directory System
   Fresh growth-green primary · sunny amber accent · warm neutrals
   ============================================================ */
:root {
  /* ---- Brand: Verde (growth / local / "go") ---- */
  --green-50:  #E9FBF0;
  --green-100: #CDF5DE;
  --green-200: #9DEBBF;
  --green-300: #63DA9B;
  --green-400: #2FC77A;
  --green-500: #12B85F; /* base */
  --green-600: #0A9A4E;
  --green-700: #0A7C41;
  --green-800: #0C6135;
  --green-900: #0B4A2B;

  /* ---- Accent: Ámbar (energy / CTA highlight / rating stars) ---- */
  --amber-50:  #FFF7E6;
  --amber-100: #FFEBBF;
  --amber-200: #FFD980;
  --amber-300: #FFC64D;
  --amber-400: #FFB020;
  --amber-500: #F59E0B;
  --amber-600: #D97F06;
  --amber-700: #A85C05;

  /* ---- Neutrals: warm, faintly green-tinted ink ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F5F8F6;
  --neutral-100: #EAF0EC;
  --neutral-200: #D9E2DC;
  --neutral-300: #BDCAC2;
  --neutral-400: #93A29A;
  --neutral-500: #6B7C72;
  --neutral-600: #4E5D54;
  --neutral-700: #39463F;
  --neutral-800: #26302A;
  --neutral-900: #16201B;
  --neutral-950: #0C130F;

  /* ---- Semantic hues ---- */
  --info-50:    #EAF2FF;
  --info-500:   #3B82F6;
  --info-700:   #1D4ED8;
  --danger-50:  #FDECEC;
  --danger-500: #E5484D;
  --danger-700: #B42226;
  --warning-500:#F59E0B;
  --success-500:#12B85F;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  /* Brand */
  --brand:        var(--green-500);
  --brand-hover:  var(--green-600);
  --brand-press:  var(--green-700);
  --brand-soft:   var(--green-50);
  --brand-soft-2: var(--green-100);
  --brand-fg:     #FFFFFF;
  --on-brand:     #FFFFFF;

  --accent:       var(--amber-400);
  --accent-hover: var(--amber-500);
  --accent-press: var(--amber-600);
  --accent-soft:  var(--amber-50);
  --accent-fg:    var(--neutral-900);

  /* Text */
  --text-strong:  var(--neutral-900);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-subtle:  var(--neutral-400);
  --text-inverse: var(--neutral-0);
  --text-brand:   var(--green-700);
  --text-link:    var(--green-700);

  /* Surfaces */
  --surface-page:   var(--neutral-50);
  --surface-card:   var(--neutral-0);
  --surface-sunken: var(--neutral-100);
  --surface-hover:  var(--neutral-50);
  --surface-inverse:var(--neutral-900);
  --surface-brand:  var(--green-500);

  /* Borders */
  --border-subtle:  var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-300);
  --border-brand:   var(--green-300);

  /* Focus ring */
  --focus-ring: color-mix(in srgb, var(--green-500) 45%, transparent);
}