/* Fuente común de decisiones visuales. Los tonos semánticos de cada componente pueden ampliarla. */
:root {
    --th-accent-blue: 33, 116, 194;
    --th-gradient-blue-start: #206ac5;
    --th-gradient-blue-end: #3bb6dc;
    --th-accent-green: 25, 135, 84;
    --th-gradient-green-start: #12814c;
    --th-gradient-green-end: #55c56e;
    --th-accent-violet: 120, 75, 188;
    --th-gradient-violet-start: #7250c7;
    --th-gradient-violet-end: #b376dc;
    --th-accent-red: 195, 63, 83;
    --th-gradient-red-start: #c33f53;
    --th-gradient-red-end: #df7c83;
    --th-accent-amber: 168, 92, 11;
    --th-gradient-amber-start: #a85c0b;
    --th-gradient-amber-end: #c08321;
    --th-accent-cyan: 12, 126, 148;
    --th-gradient-cyan-start: #0c7e94;
    --th-gradient-cyan-end: #36a8b6;
    --th-accent-orange: 185, 93, 23;
    --th-gradient-orange-start: #b95d17;
    --th-gradient-orange-end: #da8a43;
    --th-accent-slate: 80, 99, 132;
    --th-gradient-slate-start: #405775;
    --th-gradient-slate-end: #7b81a4;

    --th-color-text: #273750;
    --th-color-heading: #17253d;
    --th-color-muted: #61728c;
    --th-color-label: #40516b;
    --th-color-surface: #fff;
    --th-color-surface-soft: #f3f6fb;
    --th-color-border: #dbe5f4;
    --th-color-control-border: #ced9e9;
    --th-color-focus: #849fe0;
    --th-color-primary: #315b9a;
    --th-color-success: #198754;
    --th-color-danger: #dc3545;
    --th-color-warning: #87520c;
    --th-color-info: #08768b;
    --th-color-dark-start: #17243e;
    --th-color-dark-end: #202641;
    --th-color-on-dark: #e7edf8;
    --th-color-muted-on-dark: #c5d0e3;
    --th-color-success-soft: #e0f4e9;
    --th-color-danger-soft: #fce7ed;
    --th-color-warning-soft: #fff1d5;
    --th-color-info-soft: #def4fa;
    --th-color-neutral-soft: #eaf0f7;
    --th-radius-control: .7rem;
    --th-radius-panel: 1rem;
    --th-radius-dialog: 1.25rem;
    --th-radius-pill: 2rem;
    --th-space-1: .25rem;
    --th-space-2: .5rem;
    --th-space-3: .75rem;
    --th-space-4: 1rem;
    --th-space-5: 1.25rem;
    --th-space-6: 1.5rem;
    --th-control-height: 2.75rem;
    --th-shadow-panel: 0 10px 28px rgba(24,44,35,.10), 0 2px 5px rgba(24,44,35,.025);
    --th-shadow-dialog: 0 28px 80px rgba(8,15,33,.3), 0 4px 16px rgba(8,15,33,.12);
    --th-focus-ring: 0 0 0 .2rem rgba(71,105,192,.13);
    --th-motion-fast: .18s;
}