:root {
    --teko-brand: #0097b2;
    --teko-brand-public: #0f8fa5;
    --teko-brand-dark: #0a6678;
    --teko-ink: #1f2d33;
    --teko-ink-public: #16262d;
    --teko-muted: #61727a;
    --teko-sidebar: #1f2d33;
    --teko-sidebar-text: #c8d6dc;
    --teko-focus: #0a6678;
    --teko-success: #277c46;
    --teko-warning: #8a5a00;
    --teko-danger: #963434;

    --teko-public-bg: #f5f2ea;
    --teko-public-bg-alt: #ece7dc;
    --teko-public-card: #fffdf7;
    --teko-public-line: #d6d2c6;

    --teko-app-bg: #f7f8fa;
    --teko-app-panel: #ffffff;
    --teko-app-soft: #edf2f4;
    --teko-app-line: #d7e3e8;

    --teko-space-1: 4px;
    --teko-space-2: 8px;
    --teko-space-3: 12px;
    --teko-space-4: 16px;
    --teko-space-5: 24px;
    --teko-space-6: 32px;
    --teko-space-7: 48px;
    --teko-space-8: 64px;

    --teko-radius-control: 10px;
    --teko-radius-app: 8px;
    --teko-radius-public: 20px;
    --teko-radius-pill: 999px;
    --teko-shadow-public: 0 18px 50px rgba(22, 38, 45, 0.08);
    --teko-shadow-priority: 0 10px 24px rgba(31, 45, 51, 0.06);

    /* Aliases preservados enquanto as superfícies antigas convergem. */
    --teko-cyan: var(--teko-brand-public);
    --teko-cyan-dark: var(--teko-brand-dark);
    --teko-surface: var(--teko-public-bg);
    --teko-surface-alt: var(--teko-public-bg-alt);
    --teko-card: var(--teko-public-card);
    --teko-line: var(--teko-public-line);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}