/* ============================================================
   Hevta Design System — Color Tokens
   ============================================================ */

:root {
  /* ── Brand Core ── */
  --brand-red:           #E2231A;
  --brand-red-dark:      #B81B13;
  --brand-red-light:     #F04037;
  --brand-red-subtle:    #FDE8E7;
  --brand-white:         #FFFFFF;
  --brand-black:         #000000;

  /* ── Brand Grays (from website source) ── */
  --gray-100:            #F5F5F5;
  --gray-200:            #E8E8E8;
  --gray-400:            #9A9A9A;
  --gray-700:            #3A3A3A;

  /* ── Extended Neutral Scale ── */
  --neutral-50:          #F5F5F5;  /* = gray-100 */
  --neutral-100:         #F1F3F5;
  --neutral-200:         #E8E8E8;  /* = gray-200 */
  --neutral-300:         #DEE2E6;
  --neutral-400:         #9A9A9A;  /* = gray-400 */
  --neutral-500:         #ADB5BD;
  --neutral-600:         #6C757D;
  --neutral-700:         #3A3A3A;  /* = gray-700 */
  --neutral-800:         #343A40;
  --neutral-900:         #212529;
  --neutral-950:         #0d0d0d;  /* dark sections */
  --neutral-black:       #000000;
  --surface-dark:        #0d0d0d;  /* signature/hero dark bg */
  --surface-dark-2:      #0a0a0a;  /* portfolio strip bg */

  /* ── Blue Scale (data/Excel contexts) ── */
  --blue-50:             #EFF6FF;
  --blue-100:            #DBEAFE;
  --blue-200:            #BFDBFE;
  --blue-300:            #93C5FD;
  --blue-400:            #60A5FA;
  --blue-500:            #3B82F6;
  --blue-600:            #2563EB;
  --blue-700:            #1D4ED8;
  --blue-800:            #1E40AF;
  --blue-900:            #1E3A8A;

  /* ── Excel/Report Specific ── */
  --excel-header-bg:     #DBEAFE;   /* blue-100 — header rows */
  --excel-alt-row:       #EFF6FF;   /* blue-50 — alternating rows */
  --excel-input-cell:    #FEF08A;   /* yellow — editable cells */
  --excel-input-border:  #CA8A04;   /* yellow border */
  --excel-grid-border:   #93C5FD;   /* blue-300 — grid lines */
  --excel-total-bg:      #BFDBFE;   /* blue-200 — total/summary rows */

  /* ── Semantic — Surface ── */
  --surface-page:        var(--neutral-50);
  --surface-card:        var(--brand-white);
  --surface-card-hover:  var(--neutral-100);
  --surface-overlay:     rgba(16, 18, 20, 0.60);
  --surface-sidebar:     #0d0d0d;
  --surface-sidebar-item:#1a1a1a;

  /* ── Semantic — Text ── */
  --text-primary:        var(--neutral-900);
  --text-secondary:      var(--neutral-600);
  --text-tertiary:       var(--neutral-500);
  --text-inverse:        var(--brand-white);
  --text-accent:         var(--brand-red);
  --text-link:           var(--blue-600);

  /* ── Semantic — Border ── */
  --border-default:      var(--neutral-200);
  --border-strong:       var(--neutral-300);
  --border-focus:        var(--brand-red);

  /* ── Semantic — Status ── */
  --status-success:      #16A34A;
  --status-success-bg:   #DCFCE7;
  --status-warning:      #D97706;
  --status-warning-bg:   #FEF3C7;
  --status-danger:       var(--brand-red);
  --status-danger-bg:    var(--brand-red-subtle);
  --status-info:         var(--blue-600);
  --status-info-bg:      var(--blue-50);
}