/* Generated theme — derived from the club's brand colors */ :root{ --primary: #197540; --primary-hover: #104b29; --primary-active: #0b321b; --primary-tint: rgba(29,138,76,0.08); --primary-overlay: rgba(29,138,76,0.32); --on-primary: #ffffff; --brand-readable: #197540; --on-accent: #ffffff; --on-accent-soft: rgba(255,255,255,0.15); --secondary: #0f2e1c; --on-secondary: #ffffff; --secondary-rgb: 15,46,28; --on-secondary-rgb: 255,255,255; --logo-invert: 1; --accent: #a7e0bd; --accent-line: #3ead6b; --accent-soft: #c2f4d6; --bg: #f6f9f7; --surface: #ffffff; --surface-2: #eff6f2; --ink: #14241e; --heading-color: #14241e; --heading-on-dark: #ffffff; --muted: #5d6f69; --line: #e2e9e5; --grad-hero: linear-gradient(95deg,rgba(15,46,28,0.92),rgba(15,46,28,0.5) 60%,rgba(29,138,76,0.38)); --grad-dark: linear-gradient(135deg,#0f2e1c,#1c5433); --grad-accent: linear-gradient(135deg,#197540,#0c3a20); --grad-card: linear-gradient(180deg,#ffffff,#f6f9f7); --win: #2e9e6b; --draw: #c0a02e; --loss: #cc4b4b; --on-win: #15201e; --on-draw: #15201e; --on-loss: #ffffff; --shadow: 0 10px 30px -12px rgba(15,46,28,0.18); --shadow-lg: 0 24px 60px -20px rgba(15,46,28,0.28); --radius: 18px; --radius-md: 14px; --radius-sm: 10px; --glint: block; --section-pad: 90px; --section-pad-sm: 60px; --inner-pad: 70px; --font-ar: 'Tajawal',sans-serif; --font-en: 'Inter',sans-serif; --font-scale: 1; --heading-weight: 900; } /* Font families per active language are set inline on . */