/* =========================
   Global Design System
   ========================= */
:root {
    --cl-bg: #000000;
    --cl-yellow: #ffc000;
    --cl-blue: #1B3B4C;
    --cl-light-gray: #f9fafb;

    /* check where these colors used */
    --cl-text: rgba(255, 255, 255, 0.92);
    --cl-muted: rgba(255, 255, 255, 0.68);
    --cl-muted2: rgba(255, 255, 255, 0.55);

    /* check where these colors used */
    --cl-border: rgba(255, 255, 255, 0.12);

    --cl-primary: var(--cl-bg);
    --cl-secondary: var(--cl-blue);
    --cl-accent: var(--cl-yellow);
    --cl-white: #ffffff;
    --cl-black: #000000;

    --cl-max: 80rem;

    --cl-radius-xl: 16px;
    --cl-radius-2xl: 20px;
    --cl-radius-3xl: 28px;

    --cl-shadow-yellow: 0 20px 60px rgba(255, 180, 0, 0.18);
    --cl-shadow-soft: 0 30px 80px rgba(0, 0, 0, 0.45);

    --cl-font-primary: "Raleway", sans-serif;
    --cl-font-secondary: "Raleway", sans-serif;
    --cl-font-text: "Raleway", sans-serif;
    --cl-font-accent: "Raleway", sans-serif;

    --cl-font-weight-primary: 600;
    --cl-font-weight-secondary: 400;
    --cl-font-weight-text: 400;
    --cl-font-weight-accent: 500;

    --e-global-color-primary: var(--cl-primary);
    --e-global-color-secondary: var(--cl-secondary);
    --e-global-color-text: var(--cl-text);
    --e-global-color-accent: var(--cl-accent);
    --e-global-color-black: var(--cl-black);
    --e-global-color-5e17504: var(--cl-white);
    --e-global-color-74e9293: var(--cl-accent);

    --e-global-typography-primary-font-family: var(--cl-font-primary);
    --e-global-typography-primary-font-weight: var(--cl-font-weight-primary);

    --e-global-typography-secondary-font-family: var(--cl-font-secondary);
    --e-global-typography-secondary-font-weight: var(--cl-font-weight-secondary);

    --e-global-typography-text-font-family: var(--cl-font-text);
    --e-global-typography-text-font-weight: var(--cl-font-weight-text);

    --e-global-typography-accent-font-family: var(--cl-font-accent);
    --e-global-typography-accent-font-weight: var(--cl-font-weight-accent);
}