/* ─── Design Tokens ──────────────────────────────────────────────── */
:root {

    /* ── Neumorphism ──────────────────────────────────────────── */
    --neu-bg: #e9edf5;
    --neu-light: #ffffff;
    --neu-dark: #c5cbda;
    --neu-radius: 16px;

    /* ── Spacing scale ────────────────────────────────────────── */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-2xl: 96px;

    /* ── Radius scale ─────────────────────────────────────────── */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-full: 999px;

    /* ── Typography ───────────────────────────────────────────── */
    --font-display: "Outfit", "Segoe UI", sans-serif;
    --font-body: "Inter", "Segoe UI", sans-serif;

    /* ── Transitions ──────────────────────────────────────────── */
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 0.18s;
    --duration-med: 0.32s;
    --duration-slow: 0.6s;

    /* ── Z-index scale ────────────────────────────────────────── */
    --z-nav: 100;
    --z-modal: 200;
    --z-toast: 300;

    /* ─── Brand colors ─────────────────────────────────────────── */
    --color-primary: #2FB2A0;
    --color-primary-dark: #249484;
    --color-primary-light: #5CC8B8;
    --color-primary-gradient: linear-gradient(135deg, #2FB2A0 0%, #5CC8B8 100%);

/* ─── Brand colors ─────────────────────────────────────────── */
--color-primary: #2FB2A0;
--color-primary-dark: #249484;
--color-primary-light: #5CC8B8;
--color-primary-gradient: linear-gradient(135deg, #2FB2A0 0%, #5CC8B8 100%);

/* ─── Background ───────────────────────────────────────────── */
--bg-gradient: linear-gradient(160deg, #f0f6f5 0%, #e6efed 50%, #d5e8e4 100%);

/* ─── Text colors ──────────────────────────────────────────── */
--text-on-dark: rgba(20, 30, 30, 0.95);      /* Dark text for light bg */
--text-on-dark-muted: rgba(30, 50, 50, 0.65);
--text-on-light: #1d2939;
--text-on-light-muted: #667085;

/* ─── Glassmorphism (lighter for light theme) ─────────────── */
--glass-border: rgba(47, 178, 160, 0.15);
--glass-bg-light: rgba(255, 255, 255, 0.60);
--glass-bg-medium: rgba(255, 255, 255, 0.75);
--glass-bg-strong: rgba(255, 255, 255, 0.88);
--glass-blur: 14px;
--glass-shadow: 0 8px 32px rgba(0, 30, 30, 0.08);
--color-ice: #f0f6f5;

/* ─── Accent ───────────────────────────────────────────────── */
--color-blue-bright: var(--color-primary-light);
--color-blue: var(--color-primary);
    --color-ice: #eef6f5;

}