/* ============================================================
   Spado Sport — Color tokens
   Anchored on the real Higüey Academy emblem: Navy + Red + White.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --navy-950: #061C2E;
  --navy-900: #08263F;
  --navy-800: #0B324F;
  --navy-700: #0E3D63;   /* PRIMARY navy — wordmark */
  --navy-600: #14507F;
  --navy-500: #1E5A8A;
  --navy-400: #3F77A3;
  --navy-300: #6E97BC;
  --navy-200: #A9C2D8;
  --navy-100: #DCE7F0;
  --navy-50:  #EEF4F9;

  --red-700: #B3122A;
  --red-600: #CC1B33;
  --red-500: #E63346;   /* PRIMARY red — emblem */
  --red-400: #EE5A69;
  --red-300: #F4858F;
  --red-200: #F9B9BF;
  --red-100: #FCDDE0;
  --red-50:  #FEEEF0;

  /* ---- Caribbean accent ramp (per-line of business) ---- */
  --aqua-600: #07857F;
  --aqua-500: #0BA8A0;   /* villa / premium hospitality */
  --aqua-300: #6FD0C9;
  --aqua-100: #D5F1EE;

  --gold-600: #C9851F;
  --gold-500: #E8A33A;   /* Spado Sport Media / highlights */
  --gold-300: #F2C684;
  --gold-100: #FBEFD5;

  --coral-600: #D63A60;
  --coral-500: #F2557A;  /* She Runs — women's wellness */
  --coral-300: #F894AC;
  --coral-100: #FDDEE6;

  /* ---- Neutrals (warm-cool slate) ---- */
  --ink:       #0B1B2B;
  --slate-800: #1B2C3C;
  --slate-700: #2C4053;
  --slate-600: #44586B;
  --slate-500: #607585;
  --slate-400: #8497A8;
  --slate-300: #AEBECB;
  --slate-200: #D5DEE6;
  --slate-100: #E9EEF2;
  --slate-50:  #F3F6F8;

  --cream:  #F6F4EF;   /* warm off-white surface */
  --paper:  #FBFAF7;   /* page background */
  --white:  #FFFFFF;

  /* ---- Status ---- */
  --success-500: #1E8E5A;
  --success-100: #DBF1E6;
  --warning-500: #E8A33A;
  --warning-100: #FBEFD5;
  --danger-500:  #E63346;
  --danger-100:  #FCDDE0;
  --info-500:    #1E5A8A;
  --info-100:    #DCE7F0;

  /* ============================================================
     Semantic aliases — use these in components
     ============================================================ */
  --color-bg:            var(--paper);
  --color-bg-alt:        var(--cream);
  --color-surface:       var(--white);
  --color-surface-sunk:  var(--slate-50);
  --color-surface-navy:  var(--navy-700);
  --color-surface-ink:   var(--navy-950);

  --color-text:          var(--ink);
  --color-text-muted:    var(--slate-500);
  --color-text-subtle:   var(--slate-400);
  --color-text-invert:   var(--white);
  --color-text-on-navy:  #DCE7F0;

  --color-brand:         var(--navy-700);
  --color-brand-contrast:var(--white);
  --color-accent:        var(--red-500);
  --color-accent-contrast:var(--white);

  --border:              var(--slate-200);
  --border-strong:       var(--slate-300);
  --border-on-navy:      rgba(255,255,255,0.16);
  --ring:                var(--red-500);

  /* Line-of-business accents */
  --lob-running:  var(--red-500);
  --lob-soccer:   var(--navy-700);
  --lob-women:    var(--coral-500);
  --lob-media:    var(--gold-500);
  --lob-villa:    var(--aqua-500);
  --lob-commerce: var(--navy-600);
}