:root {

    --iscu-forest-rgb: 45, 70, 62;
    --iscu-sage-rgb: 139, 168, 136;
    --iscu-mist-rgb: 226, 232, 228;

    --iscu-transition-fast: 0.3s ease;
    --iscu-transition-slow: 0.8s ease;

    --iscu-radius-huge: 40px;
    --iscu-radius-large: 32px;
    --iscu-radius-medium: 24px;
    --iscu-radius-small: 20px;
    --iscu-radius-pill: 50px;

    --iscu-section-padding: 100px 0;
    --iscu-section-padding-tablet: 60px 0px;
    --iscu-section-padding-mobile: 50px 0px;

    --iscu-section-padding-one-dir: 50px;
    --iscu-section-padding-one-dir-tablet: 30px;
    --iscu-section-padding-one-dir-mobile: 25px;

    --iscu-padding-large: 40px;
    --iscu-padding-medium: 35px 25px;
    --iscu-padding-small: 20px;
    --iscu-btn-padding: 16px 34px;

    --iscu-max-width: 1280px;
    --iscu-container-width: 90%;
    --iscu-container-margin: auto;

    --iscu-font-size-hero: 76px;
    --iscu-font-size-title: 60px;
    --iscu-font-size-subtitle: 32px;
    --iscu-font-size-card-title: 28px;
    --iscu-font-size-body-large: 18px;
    --iscu-font-size-body-medium: 16px;
    --iscu-font-size-body: 15px;
    --iscu-font-size-small: 14px;
    --iscu-font-size-tag: 13px;
    --iscu-font-size-mobile-title: 38px;
    --iscu-font-size-badge: 13.5px;

    --iscu-gradient-section: linear-gradient(135deg, var(--iscu-mist) 0%, var(--iscu-cream) 100%);
    --iscu-gradient-brand: linear-gradient(135deg, var(--iscu-sage), var(--iscu-forest));
    --iscu-gradient-brand-hover: linear-gradient(135deg, var(--iscu-white), var(--iscu-sage));
    --iscu-gradient-dark: linear-gradient(135deg, var(--iscu-forest), var(--iscu-dark));
    --iscu-gradient-text: linear-gradient(120deg, var(--iscu-forest), var(--iscu-sage));
}