/**
 * Therapy POS — Foundations (loads after design_tokens.css + theme_therapy.css)
 */

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

html {
    -webkit-text-size-adjust: 100%;
}

body.therapy-app {
    margin: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.therapy-app p {
    margin: 0 0 var(--space-4);
}

body.therapy-app .muted,
body.therapy-app .small {
    color: var(--color-text-muted);
    font-size: var(--text-caption);
}

body.therapy-app .small {
    font-size: var(--text-label);
}

@keyframes tp-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.tp-skeleton {
    background-size: 200% 100%;
    animation: tp-shimmer 1.2s ease-in-out infinite;
    border-radius: var(--radius-sm);
}