/* Tokens de diseño CartaClic — espaciado, radios y controles táctiles */

:root {
    --cc-space-1: 0.25rem;
    --cc-space-2: 0.5rem;
    --cc-space-3: 0.75rem;
    --cc-space-4: 1rem;
    --cc-space-5: 1.5rem;
    --cc-space-6: 2rem;
    --cc-radius-sm: 0.375rem;
    --cc-radius-md: 0.625rem;
    --cc-radius-lg: 1rem;
    --cc-touch-min: 44px;
    --cc-focus-ring: 0 0 0 3px rgba(var(--cartaclic-accent-rgb), 0.4);
}

.cc-logo {
    border-radius: var(--cc-radius-lg);
}

.cc-plan-card {
    border-radius: var(--cc-radius-lg);
    background: var(--cartaclic-surface);
}

.layout-operacion-touch .btn,
.layout-carta-mobile .btn {
    min-height: var(--cc-touch-min);
}

.btn:focus-visible,
.form-control:focus-visible {
    box-shadow: var(--cc-focus-ring);
}