:root {
    
    --brand-cyan: #00A0E3;
    --brand-magenta: #E5097F;
    --brand-yellow: #FFED00;
    --brand-black: #2B2A29;

    --bg-main: #F8F9FA;
    --surface-grey: #E9ECEF;
    --text-dark: #1F1F1F;
    --text-grey: #6C757D;
    --text-muted: #8E98A0;
    --white: #FFFFFF;

    --btn-primary: #00A0E3;
    --btn-secondary: #E5097F;
    --btn-highlight: #FFED00;
    --btn-dark: #2B2A29;
    --section-light: #F0F8FF;
    --section-pink: #FDF2F8;
    --section-yellow: #FEFCE8;
    --card-bg: #FFFFFF;
    --section-grey: #F8F9FA;

    --primary: #00A0E3;
    --primary-hover: #0088c2;
    --secondary: #E5097F;
    --accent-yellow: #FFED00;
    --bg: #F8F9FA;

    --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --shadow-sm: 0 2px 8px rgba(43, 42, 41, 0.06);
    --shadow-md: 0 8px 24px rgba(43, 42, 41, 0.08);
    --shadow-lg: 0 16px 38px rgba(43, 42, 41, 0.12);
}

* , *::before, *::after {
    box-sizing: border-box;
}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: var(--font-body);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--bg);
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

a:hover {
    color: var(--primary);
    text-decoration: none !important;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}