/* ═══════════════════════════════════════════════════════════════
   Mabsut Design Tokens — Single Source of Truth
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Brand */
  --t-brand:           #1a5fb4;
  --t-brand-hover:     #15488a;
  --t-brand-soft:      #e8f0fb;
  --t-brand-dark:      #0d47a1;
  /* Accent */
  --t-accent:          #c2185b;
  --t-accent-hover:    #a01548;
  --t-accent-light:    #e91e63;
  /* Semantic */
  --t-success:         #10b981;
  --t-success-hover:   #059669;
  --t-warning:         #f59e0b;
  --t-warning-hover:   #d97706;
  --t-danger:          #ef4444;
  --t-danger-hover:    #dc2626;
  --t-info:            #3b82f6;
  --t-info-hover:      #2563eb;
  --t-teal:            #26a69a;
  /* Surfaces */
  --t-bg-page:         #f4f6f9;
  --t-bg-surface:      #ffffff;
  --t-bg-elevated:     #ffffff;
  --t-bg-muted:        #f1f3f6;
  --t-bg-hover:        #eef1f5;
  --t-bg-dark:         #0f172a;
  /* Text */
  --t-text-primary:    #0f172a;
  --t-text-secondary:  #475569;
  --t-text-muted:      #94a3b8;
  --t-text-inverse:    #ffffff;
  --t-text-inverse-2:  #e2e8f0;
  /* Borders */
  --t-border:          #e5e7eb;
  --t-border-strong:   #d1d5db;
  --t-border-inverse:  rgba(255,255,255,.1);
  /* Indigo */
  --t-indigo-900:      #3548a0;
  --t-indigo-850:      #2d3d8a;
  --t-indigo-800:      #3d52b5;
  --t-indigo-700:      #455ac8;
  --t-indigo-600:      #5568d5;
  --t-indigo-500:      #6674e0;
  --t-indigo-400:      #6366f1;
  --t-indigo-100:      #e0e5f5;
  --t-indigo-50:       #eef1fa;
  --t-indigo-bg:       #3548a0;
  --t-indigo-text:     #eef2ff;
  --t-indigo-muted:    #c8d1f0;
  --t-indigo-border:   rgba(255,255,255,.08);
  /* Neutral */
  --t-white:           #ffffff;
  --t-black:           #000000;
  --t-gray-50:         #f8fafc;
  --t-gray-100:        #f1f5f9;
  --t-gray-200:        #e2e8f0;
  --t-gray-300:        #cbd5e1;
  --t-gray-400:        #94a3b8;
  --t-gray-500:        #64748b;
  --t-gray-600:        #475569;
  --t-gray-700:        #334155;
  --t-gray-800:        #1e293b;
  --t-gray-900:        #0f172a;
  /* Color scales اضافه */
  --t-accent-dark:     #8e0e3e;
  --t-accent-50:       #fdf3f7;
  --t-indigo-950:      #253477;
  --t-teal-light:      #4dd0c4;
  --t-gray-600-alt:    #5f6368;
  --t-gray-400-alt:    #9aa0a6;
  --t-gray-900-alt:    #1a2332;
  --t-brand-50:        #f0f4fd;
  --t-gray-100-alt:    #f1f3f4;
  --t-indigo-50-alt:   #e8ecf5;
  --t-indigo-100-alt:  #e0e5f0;

  /* Aliases → mbs */
  --mbs-brand:         var(--t-brand);
  --mbs-brand-hover:   var(--t-brand-hover);
  --mbs-brand-soft:    var(--t-brand-soft);
  --mbs-accent:        var(--t-accent);
  --mbs-accent-hover:  var(--t-accent-hover);
  --mbs-teal:          var(--t-teal);
  --mbs-success:       var(--t-success);
  --mbs-warning:       var(--t-warning);
  --mbs-danger:        var(--t-danger);
  --mbs-info:          var(--t-info);
  --mbs-bg-page:       var(--t-bg-page);
  --mbs-bg-surface:    var(--t-bg-surface);
  --mbs-bg-elevated:   var(--t-bg-elevated);
  --mbs-bg-muted:      var(--t-bg-muted);
  --mbs-bg-hover:      var(--t-bg-hover);
  --mbs-bg-dark:       var(--t-bg-dark);
  --mbs-bg-indigo:     var(--t-indigo-bg);
  --mbs-indigo-900:    var(--t-indigo-900);
  --mbs-indigo-800:    var(--t-indigo-800);
  --mbs-indigo-700:    var(--t-indigo-700);
  --mbs-indigo-600:    var(--t-indigo-600);
  --mbs-indigo-500:    var(--t-indigo-500);
  --mbs-indigo-100:    var(--t-indigo-100);
  --mbs-indigo-50:     var(--t-indigo-50);
  --mbs-indigo-text:   var(--t-indigo-text);
  --mbs-indigo-muted:  var(--t-indigo-muted);
  --mbs-indigo-border: var(--t-indigo-border);
  --mbs-border:        var(--t-border);
  --mbs-border-strong: var(--t-border-strong);
  --mbs-text-primary:  var(--t-text-primary);
  --mbs-text-secondary:var(--t-text-secondary);
  --mbs-text-muted:    var(--t-text-muted);
  --mbs-text-inverse:  var(--t-text-inverse);
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-bg-page:         #0b1220;
    --t-bg-surface:      #131a2a;
    --t-bg-elevated:     #1a2233;
    --t-bg-muted:        #1e293b;
    --t-bg-hover:        #263349;
    --t-border:          #2a3446;
    --t-border-strong:   #3b4760;
    --t-text-primary:    #f1f5f9;
    --t-text-secondary:  #94a3b8;
    --t-text-muted:      #64748b;
    --t-brand-soft:      #0c2340;
  }
}