:root {
    /* Cores e superfícies */
    --ef-color-page: #ffffff;
    --ef-color-surface: #ffffff;
    --ef-color-text: #151515;
    --ef-color-muted: #6b6b6b;
    --ef-color-border: rgba(21, 21, 21, 0.12);

    /* Espaçamento e forma */
    --ef-page-gutter: clamp(16px, 3vw, 48px);
    --ef-section-gap: clamp(24px, 5vw, 72px);
    --ef-section-radius: 24px;
    --ef-control-radius: 999px;

    /* Movimento e profundidade */
    --ef-shadow-soft: 0 12px 36px rgba(0, 0, 0, 0.08);
    --ef-transition-standard: 180ms ease;
}