/* Explain: Design tokens for colors, fonts, and surfaces, updated for the 'RAMZZ' brand. - */
:root {
    --primary-color: #4DB1A8;
    --primary-hover: #3A968E;
    --secondary-color: #003847;
    --accent-color: #4DB1A8;
    --background-color: #001B34;
    --surface-color: #003847;
    --surface-strong: #004d61;
    --text-color: #FFFFFF;
    --muted-color: #9CA3AF;
    --border-color: rgba(77, 177, 168, 0.2);
    --midnight-color: #001B34;
    --electric-blue: #4DB1A8;
    --electric-blue-dark: #3A968E;
    --signal-green: #4DB1A8;
    --signal-green-dark: #3A968E;
    --warm-white: #FFFFFF;
    --graphite-color: #1F2937;
    --soft-blue: #B9C7DD;
    --font-heading: 'Montserrat', 'Tajawal', sans-serif;
    --font-body: 'Tajawal', sans-serif;
    --radius-xl: 28px;
    --radius-lg: 20px;
    --shadow-signal: 0 24px 90px rgba(77, 177, 168, 0.15);
}