/**
 * Mazadat Brand Tokens
 * المصدر: 09_Developer_Assets/CSS/mazadat-brand-tokens.css
 * تُستخدم كمتغيرات CSS في كل مكان.
 */

:root {
	/* الألوان الأساسية */
	--mazadat-deep-green:   #135235;
	--mazadat-dark-green:   #074028;
	--mazadat-auction-gold: #C49F55; /* decorative only — fails AA on light bg */
	--mazadat-dark-gold:    #977431;
	--mazadat-text-gold:    #6E541F; /* AA-compliant gold for body text on light bg (5.95:1 on white) */
	--mazadat-charcoal:     #4E5350;
	--mazadat-ivory:        #F8F7F1;
	--mazadat-white:        #FFFFFF;

	/* مشتقات للحالات */
	--mazadat-primary:        var(--mazadat-deep-green);
	--mazadat-primary-hover:  var(--mazadat-dark-green);
	--mazadat-accent:         var(--mazadat-auction-gold);     /* decorative on dark bg only */
	--mazadat-accent-hover:   var(--mazadat-dark-gold);
	--mazadat-accent-text:    var(--mazadat-text-gold);          /* use for gold text on light bg (AA) */
	--mazadat-text:           var(--mazadat-charcoal);
	--mazadat-text-on-dark:   var(--mazadat-ivory);
	--mazadat-bg:             var(--mazadat-ivory);
	--mazadat-bg-card:        var(--mazadat-white);
	--mazadat-border:         #C7C2B0;                          /* darkened from #E5E2D7 → 3.06:1 vs ivory */
	--mazadat-border-strong:  #8C8A7E;                          /* meets 3:1 non-text */

	/* حالات وظيفية (all AA on white) */
	--mazadat-success:      #2E7D32;
	--mazadat-warning:      #B57000; /* darkened from #E5A03A — 4.61:1 on white (AA) */
	--mazadat-warning-bg:   #FFF8E1; /* light tint for backgrounds only */
	--mazadat-danger:       #C62828;
	--mazadat-info:         #1565C0;

	/* الخطوط */
	--mazadat-font-ar:  'Tajawal', 'Segoe UI', system-ui, sans-serif;
	--mazadat-font-en:  'Inter', 'Segoe UI', system-ui, sans-serif;
	--mazadat-font-num: 'Inter', 'Tajawal', system-ui, sans-serif;

	/* مقاييس بصرية */
	--mazadat-radius-sm: 6px;
	--mazadat-radius:    10px;
	--mazadat-radius-lg: 16px;
	--mazadat-radius-pill: 999px;

	/* ظلال */
	--mazadat-shadow-sm: 0 1px 2px rgba(7,64,40,.06), 0 1px 3px rgba(7,64,40,.04);
	--mazadat-shadow:    0 4px 12px rgba(7,64,40,.08), 0 2px 4px rgba(7,64,40,.05);
	--mazadat-shadow-lg: 0 10px 30px rgba(7,64,40,.12), 0 4px 8px rgba(7,64,40,.06);
	--mazadat-shadow-gold: 0 6px 20px rgba(196,159,85,.25);

	/* مسافات (8pt grid) */
	--mazadat-space-1: 4px;
	--mazadat-space-2: 8px;
	--mazadat-space-3: 12px;
	--mazadat-space-4: 16px;
	--mazadat-space-5: 24px;
	--mazadat-space-6: 32px;
	--mazadat-space-7: 48px;
	--mazadat-space-8: 64px;

	/* أحجام النصوص (Simple-Mode = أكبر افتراضياً) */
	--mazadat-fs-xs:  13px;
	--mazadat-fs-sm:  15px;
	--mazadat-fs-md:  17px;  /* base — أكبر من المعتاد لراحة الكبار */
	--mazadat-fs-lg:  20px;
	--mazadat-fs-xl:  24px;
	--mazadat-fs-2xl: 30px;
	--mazadat-fs-3xl: 38px;
	--mazadat-fs-4xl: 48px;

	/* انتقالات */
	--mazadat-transition-fast: 120ms ease;
	--mazadat-transition:      200ms ease;
	--mazadat-transition-slow: 300ms ease;

	/* arrows / direction-aware spacing helpers */
	--mazadat-start: left;
	--mazadat-end:   right;
}

[dir="rtl"] {
	--mazadat-start: right;
	--mazadat-end:   left;
}