:root {
    --htech-color-navy: #06253f;
    --htech-color-navy-deep: #031a2c;
    --htech-color-cyan: #30bad1;
    --htech-color-cyan-bright: #32bad1;
    --htech-color-warm-white: #fcfcfb;
    --htech-color-tech-mist: #e8f4f6;
    --htech-color-steel: #8a9caa;
    --htech-color-success: #187a55;
    --htech-color-warning: #9a6000;
    --htech-color-error: #b33a3a;
    --htech-color-info: #246a92;
    --htech-font-arabic: "Changa", sans-serif;
    --htech-font-latin: "Sora", sans-serif;
    --htech-space-1: 0.25rem;
    --htech-space-2: 0.5rem;
    --htech-space-3: 0.75rem;
    --htech-space-4: 1rem;
    --htech-space-6: 1.5rem;
    --htech-space-8: 2rem;
    --htech-space-12: 3rem;
    --htech-space-16: 4rem;
    --htech-space-24: 6rem;
    --htech-radius-control: 0.625rem;
    --htech-radius-card: 1.25rem;
    --htech-duration-fast: 180ms;
    --htech-duration-standard: 240ms;
    --htech-duration-editorial: 320ms;
    --htech-ease-standard: cubic-bezier(0.2, 0.75, 0.25, 1);
}