/* Clínica Movimento - design tokens */

:root {
    --color-paper: #f4f6f3;
    --color-white: #ffffff;
    --color-mist: #e6ebe7;
    --color-soft: #d8e2db;

    --color-sage: #5c7a6b;
    --color-sage-deep: #3f5649;
    --color-sage-soft: rgba(92, 122, 107, 0.12);
    --color-sage-line: rgba(92, 122, 107, 0.28);
    --color-sage-glow: rgba(92, 122, 107, 0.18);

    --color-ink: #1a211e;
    --color-ink-soft: rgba(26, 33, 30, 0.68);
    --color-ink-faint: rgba(26, 33, 30, 0.44);
    --color-ink-ghost: rgba(26, 33, 30, 0.08);
    --color-hairline: rgba(26, 33, 30, 0.12);

    --font-display: "Syne", "Segoe UI", sans-serif;
    --font-body: "DM Sans", "Segoe UI", sans-serif;

    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;
    --space-9: 10rem;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;

    --max-width: 1180px;
    --container-pad: clamp(1.25rem, 5vw, 2.5rem);
    --header-height: 4.25rem;
    --concept-banner-h: 1.65rem;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: 0.4s var(--ease-out);

    --shadow-soft: 0 20px 50px -28px rgba(26, 33, 30, 0.28);
}