/* ============================================================
   O TAL THIAGO — Color System
   Premium sports-broadcast palette. Navy is the stage;
   Gold is the hero accent; Electric Blue is the live/action
   signal; Burgundy is the deep secondary for contrast blocks.
   ============================================================ */

:root {
  /* ---- Brand core (raw) ---- */
  --navy-900:      #030E1F;   /* deepest — full-bleed backdrops */
  --navy-800:      #071A35;   /* PRIMARY navy — brand base */
  --navy-700:      #0C264A;   /* raised navy surface */
  --navy-600:      #143462;   /* borders / hairlines on navy */
  --navy-500:      #1E477F;   /* muted navy line */

  --burgundy-700:  #3E0A18;   /* deep burgundy shadow */
  --burgundy-600:  #5A1023;   /* SECONDARY burgundy */
  --burgundy-500:  #7A1730;   /* burgundy hover */

  --gold-600:      #B8912A;   /* pressed gold */
  --gold-500:      #D4AF37;   /* ACCENT gold — hero */
  --gold-400:      #E4C766;   /* gold highlight / hover */
  --gold-200:      #F3E4B0;   /* gold tint text on dark */

  --blue-600:      #1478D4;   /* pressed electric blue */
  --blue-500:      #2196F3;   /* ELECTRIC BLUE — live signal */
  --blue-400:      #4FB0F8;   /* blue hover / glow */

  --red-500:       #E5342B;   /* LIVE / record / alert */
  --green-500:     #27C36B;   /* positive / win */

  /* ---- Neutrals ---- */
  --white:         #FFFFFF;
  --gray-050:      #F4F6F9;
  --gray-100:      #E2E7EE;
  --gray-300:      #9AA6B6;
  --gray-500:      #5A6577;
  --gray-800:      #1B1B1B;   /* DARK GRAY — neutral base */
  --gray-900:      #101318;
  --black:         #000000;

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

  /* Surfaces (dark broadcast environment is the default) */
  --surface-base:      var(--navy-800);
  --surface-deep:      var(--navy-900);
  --surface-raised:    var(--navy-700);
  --surface-panel:     rgba(255, 255, 255, 0.04);
  --surface-card:      var(--navy-700);
  --surface-invert:    var(--white);

  /* Text */
  --text-primary:      var(--white);
  --text-secondary:    var(--gray-100);
  --text-muted:        var(--gray-300);
  --text-on-gold:      var(--navy-900);
  --text-on-light:     var(--navy-800);
  --text-accent:       var(--gold-500);

  /* Brand roles */
  --brand-primary:     var(--navy-800);
  --brand-secondary:   var(--burgundy-600);
  --brand-accent:      var(--gold-500);
  --brand-signal:      var(--blue-500);

  /* Lines & borders */
  --border-subtle:     var(--navy-600);
  --border-strong:     var(--gold-500);
  --border-hairline:   rgba(255, 255, 255, 0.08);

  /* Status */
  --status-live:       var(--red-500);
  --status-win:        var(--green-500);
  --status-info:       var(--blue-500);
  --status-award:      var(--gold-500);

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