/* ===========================================================================
   COLORS — Conecterra
   Brand colors are taken DIRECTLY from the logo:
     • Terracota (brick red)  rgb(167, 33, 27)  #A7211B
     • Tinta (near-black)     rgb(13, 13, 13)   #0D0D0D
   Everything else is a recommended, harmonious extension: warm earth-toned
   neutrals (the "terra" in Conecterra), a brass/gold premium accent, and a
   muted financial green for positive return indicators.
   =========================================================================== */

:root {
  /* ---- Brand: Terracota (primary red) ------------------------------------ */
  --terra-900: #5E120D;   /* deepest, text on light */
  --terra-800: #7E160F;   /* pressed */
  --terra-700: #8E1D16;   /* hover */
  --terra-600: #A7211B;   /* ★ BRAND RED — logo exact */
  --terra-500: #C13328;   /* lighter, illustrative */
  --terra-300: #E08A82;   /* soft */
  --terra-200: #F0C3BE;   /* tint line */
  --terra-100: #F7DED9;   /* tint surface */
  --terra-50:  #FCEFEC;   /* faint wash */

  /* ---- Brand: Tinta (warm near-black ink) -------------------------------- */
  --ink-900: #0D0D0D;     /* ★ BRAND BLACK — logo exact */
  --ink-800: #1B1A18;
  --ink-700: #2E2C29;
  --ink-600: #4A463F;
  --ink-500: #6B655B;     /* secondary text */
  --ink-400: #938C7F;     /* muted / placeholder */
  --ink-300: #BDB6A8;     /* disabled */
  --ink-200: #DED8CB;     /* hairline border */
  --ink-150: #E8E2D6;     /* subtle border */
  --ink-100: #F0EBE1;     /* sunken surface */

  /* ---- Warm paper neutrals (backgrounds) --------------------------------- */
  --paper:      #F7F3EC;  /* warm canvas */
  --paper-soft: #FBF8F2;  /* raised card on paper */
  --bone:       #FEFDFB;  /* crisp card / pure-ish */
  --white:      #FFFFFF;

  /* ---- Recommended accent: Latón (brass / gold) — premium, "high return" - */
  --brass-700: #8A6224;
  --brass-600: #A87B33;
  --brass-500: #C2974A;   /* ★ gold accent */
  --brass-300: #DEC089;
  --brass-100: #F3E7CC;   /* tint surface */

  /* ---- Recommended accent: Renta (muted green) — positive returns -------- */
  --green-700: #234E3A;
  --green-600: #2F6B4F;   /* ★ positive / success */
  --green-300: #8FBBA4;
  --green-100: #DCEbE2;

  /* ---- Functional signal: loss / alert (kept warm, distinct from brand) -- */
  --alert-600: #B4521E;   /* burnt-orange caution */
  --alert-100: #F6E2D2;

  /* =========================================================================
     SEMANTIC ALIASES — author against these, not the raw scale.
     ========================================================================= */

  /* Surfaces */
  --surface-canvas:   var(--paper);
  --surface-card:     var(--bone);
  --surface-raised:   var(--paper-soft);
  --surface-sunken:   var(--ink-100);
  --surface-inverse:  var(--ink-900);
  --surface-brand:    var(--terra-600);
  --surface-brand-soft: var(--terra-50);
  --surface-accent-soft: var(--brass-100);

  /* Text */
  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-subtle:    var(--ink-400);
  --text-inverse:   var(--bone);
  --text-brand:     var(--terra-600);
  --text-on-brand:  var(--bone);
  --text-accent:    var(--brass-600);
  --text-positive:  var(--green-600);

  /* Borders */
  --border-hair:    var(--ink-200);
  --border-soft:    var(--ink-150);
  --border-strong:  var(--ink-900);
  --border-brand:   var(--terra-600);
  --border-focus:   var(--terra-500);

  /* Interactive (primary = brand red) */
  --action:          var(--terra-600);
  --action-hover:    var(--terra-700);
  --action-press:    var(--terra-800);
  --action-text:     var(--bone);

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