/* GIG Kuwait Design System — colour tokens (PRD Appendix A.2 / A.3)
   Values are exact. Do not add colours here; add semantic aliases instead.

   Principles (A.1):
     Indigo is structure — headers, sub-nav, table headers, footer, timers.
     Copper is voice — eyebrows, display headlines. Never body copy.
     Mint is action only — pill CTAs, "Place bid", live status.
     Canvas is warm off-white; sand for decorative bands. */
:root {
  /* Brand */
  --gig-indigo:      #19058C;
  --gig-indigo-800:  #1F0F4D;
  --gig-indigo-900:  #101257;
  --gig-navy:        #030C39;
  --gig-copper:      #D28C64;
  --gig-mint:        #6BCABA;
  --gig-mint-dark:   #3FA997;
  --gig-mint-light:  #A8E1D6;
  --gig-coral:       #EA7A6C;
  --gig-lavender:    #8F86D6;
  --gig-sand:        #E9DCCF;
  --gig-canvas:      #FAF9F5;
  --gig-white:       #FFFFFF;

  /* Neutrals */
  --gig-gray-100:    #EFEFEF;
  --gig-gray-200:    #E5E5E5;
  --gig-gray-300:    #D3D3D3;
  --gig-gray-400:    #A7A9AB;
  --gig-gray-700:    #57585B;
  --gig-ink:         #212529;

  /* Overlays and glass */
  --gig-overlay-photo: rgba(31, 15, 77, 0.60);
  --gig-glass-header:  rgba(255, 255, 255, 0.93);
  --gig-glass-panel:   rgba(245, 245, 240, 0.70);
  --gig-scrim:         rgba(31, 30, 29, 0.40);

  /* Form validation only — auction states use brand colours */
  --gig-success: #28A745;
  --gig-warning: #FFC107;
  --gig-danger:  #DC3545;
  --gig-info:    #17A2B8;

  /* Alpha tints derived from brand values (no new hues) */
  --gig-indigo-a08: rgba(25, 5, 140, 0.08);
  --gig-indigo-a12: rgba(25, 5, 140, 0.12);
  --gig-indigo-a18: rgba(25, 5, 140, 0.18);
  --gig-indigo-a25: rgba(25, 5, 140, 0.25);
  --gig-mint-a15:   rgba(107, 202, 186, 0.15);
  --gig-mint-a70:   rgba(107, 202, 186, 0.70);
  --gig-copper-a12: rgba(210, 140, 100, 0.12);
  --gig-coral-a12:  rgba(234, 122, 108, 0.12);
  --gig-ink-a04:    rgba(31, 15, 77, 0.04);

  /* Semantic aliases exposed to templates */
  --surface-page:        var(--gig-canvas);
  --surface-card:        var(--gig-white);
  --surface-band:        var(--gig-sand);
  --surface-decor:       #F3F1EC;
  --surface-danger:      var(--gig-coral-a12);
  --surface-success:     var(--gig-mint-a15);
  --surface-warning:     var(--gig-copper-a12);
  --text-heading:        var(--gig-copper);
  --text-structure:      var(--gig-indigo);
  --text-body:           var(--gig-gray-700);
  --text-muted:          var(--gig-gray-400);
  --text-strong:         var(--gig-ink);
  --text-on-dark:        var(--gig-white);
  --text-on-dark-muted:  var(--gig-gray-300);
  --action-primary:      var(--gig-mint);
  --action-primary-hover:var(--gig-mint-dark);
  --border-hairline:     var(--gig-gray-200);
  --border-strong:       var(--gig-gray-300);

  /* Auction state colours (A.3) */
  --state-pending-bg:    var(--gig-gray-100);
  --state-pending-fg:    var(--gig-gray-700);
  --state-scheduled-fg:  var(--gig-indigo);
  --state-waiting-bg:    var(--gig-indigo);
  --state-live-bg:       var(--gig-mint);
  --state-paused-bg:     var(--gig-copper);
  --state-ended-bg:      var(--gig-gray-300);
  --state-ended-fg:      var(--gig-ink);
  --state-leading-fg:    var(--gig-mint-dark);
  --state-outbid-fg:     var(--gig-coral);
  --state-urgent-fg:     var(--gig-coral);

  /* ------------------------------------------------------------------
     Legacy bridge. The inherited pages reference Teradix `--t-*` names in
     their page-level CSS. Every one of them resolves to a GIG token here
     so no page carries a foreign colour. Remove a bridge entry only after
     the last page stops using it. */
  --t-primary:        var(--gig-indigo);
  --t-primary-2:      var(--gig-indigo-a18);
  --t-primary-soft:   var(--gig-indigo-a08);
  --t-primary-tint:   var(--gig-indigo-a08);
  --t-deep-blue:      var(--gig-navy);
  --t-text:           var(--gig-ink);
  --t-text-strong:    var(--gig-indigo-800);
  --t-text-muted:     var(--gig-gray-700);
  --t-text-soft:      var(--gig-gray-700);
  --t-text-secondary: var(--gig-gray-700);
  --t-text-faint:     var(--gig-gray-400);
  --t-text-fainter:   var(--gig-gray-400);
  --t-border:         var(--gig-gray-300);
  --t-border-soft:    var(--gig-gray-200);
  --t-light-border:   var(--gig-gray-200);
  --t-divider:        var(--gig-gray-100);
  --t-bg:             var(--gig-white);
  --t-bg-subtle:      var(--gig-canvas);
  --t-strip:          var(--gig-sand);
  --t-row:            var(--gig-ink-a04);
  --t-success:        var(--gig-mint-dark);
  --t-warning:        var(--gig-copper);
  --t-danger:         var(--gig-coral);
  --t-danger-strong:  var(--gig-coral);
  --t-info:           var(--gig-lavender);
  --t-help:           var(--gig-mint);
  --t-overlay-strong: var(--gig-indigo-800);
}