/* ================================================================
   ALZAWIYA TECH — الزاوية تك — CSS Custom Properties / Design Tokens
   Palette: Dark Graphite #111827 | Amber #F59E0B | Emerald #10B981
   All visual styling is handled by bahr-overhaul.css + alzawiyatech.css
   ================================================================ */
:root {
	/* Brand palette — Dark Graphite + Amber + Emerald */
	--rb-brand-primary:          #111827;
	--rb-brand-primary-hover:    #1F2937;
	--rb-brand-secondary:        #10B981;
	--rb-brand-secondary-hover:  #059669;
	--rb-brand-accent:           #F59E0B;
	--rb-brand-accent-hover:     #D97706;
	--rb-brand-primary-rgb:      17, 24, 39;
	--rb-brand-secondary-rgb:    16, 185, 129;
	--rb-brand-accent-rgb:       245, 158, 11;
	--rb-surface-contrast-rgb:   17, 24, 39;

	/* Hero canvas */
	--rb-hero-canvas-primary:     #111827;
	--rb-hero-canvas-accent:      #F59E0B;
	--rb-hero-canvas-primary-rgb: 17, 24, 39;
	--rb-hero-canvas-accent-rgb:  245, 158, 11;

	/* Surfaces */
	--rb-surface-base:           #ffffff;
	--rb-surface-soft:           #F9FAFB;
	--rb-surface-muted:          #F3F4F6;
	--rb-surface-card:           #ffffff;
	--rb-surface-card-strong:    #F9FAFB;
	--rb-surface-card-soft:      #FFFBEB;
	--rb-surface-highlight:      rgba(245, 158, 11, 0.10);

	/* Text */
	--rb-text-strong:  #111827;
	--rb-text-body:    #374151;
	--rb-text-muted:   #6B7280;
	--rb-text-inverse: #ffffff;
	--rb-text-link:    #D97706;

	/* Borders */
	--rb-border-default: #E5E7EB;
	--rb-border-strong:  #9CA3AF;
	--rb-border-soft:    #F3F4F6;
	--rb-focus-ring:     rgba(245, 158, 11, 0.30);

	/* Sale — RED */
	--rb-sale-start:  #e53935;
	--rb-sale-end:    #b71c1c;
	--rb-sale-text:   #ffffff;
	--rb-sale-shadow: rgba(229, 57, 53, 0.28);

	/* Stars — GOLD */
	--rb-rating-star:       #F59E0B;
	--rb-rating-star-muted: #D1D5DB;

	/* Shadows */
	--rb-shadow-sm: 0 8px 20px rgba(17, 24, 39, 0.06);
	--rb-shadow-md: 0 18px 44px rgba(17, 24, 39, 0.11);
	--rb-shadow-lg: 0 30px 72px rgba(17, 24, 39, 0.16);

	/* Brand aliases (kept for backward compat with bahr-overhaul.css) */
	--rb-bahr-page:        #F9FAFB;
	--rb-bahr-card:        #ffffff;
	--rb-bahr-card-soft:   #F9FAFB;
	--rb-bahr-navy:        #111827;
	--rb-bahr-navy-hover:  #1F2937;
	--rb-bahr-teal:        #10B981;
	--rb-bahr-teal-hover:  #059669;
	--rb-bahr-sky:         #F59E0B;
	--rb-bahr-chip:        #FEF3C7;
	--rb-bahr-border:      #E5E7EB;
	--rb-bahr-text:        #111827;
	--rb-bahr-muted:       #6B7280;
	--rb-bahr-shadow:      0 16px 40px rgba(17, 24, 39, 0.10);
	--rb-bahr-shadow-soft: 0 8px 20px rgba(17, 24, 39, 0.06);

	/* Badge */
	--rb-badge-bg:     #F59E0B;
	--rb-badge-color:  #111827;
	--rb-badge-shadow: rgba(245, 158, 11, 0.35);

	/* Inverse */
	--rb-inverse-soft:        rgba(255, 255, 255, 0.72);
	--rb-inverse-strong:      rgba(255, 255, 255, 0.98);
	--rb-inverse-mid:         rgba(255, 255, 255, 0.86);
	--rb-inverse-border:      rgba(255, 255, 255, 0.18);
	--rb-inverse-border-soft: rgba(255, 255, 255, 0.10);
	--rb-inverse-hover:       rgba(255, 255, 255, 0.10);
	--rb-dark-overlay:        rgba(17, 24, 39, 0.84);
	--rb-white-rgb:           255, 255, 255;
}