/* Athletic FIT — tokens (generado desde tokens.json del sistema de diseño) */
:root,[data-theme=light]{--bg:#F3F1F1;--bg-end:#E9E5E5;--surface:#FCFBFB;--surface-2:#ECE8E8;--line:#DFD9D9;--line-strong:#8C8282;--ink:#1A1616;--ink-muted:#5E5555;--brand:#C8161D;--brand-deep:#9A0F15;--brand-soft:#F7E1E2;--brand-ink:#B3141A;--on-brand:#FFFFFF;--graphite:#161616;--on-graphite:#F3EFEF;--on-graphite-muted:#A89E9E;--success:#0B6E5E;--success-soft:#DDF1EC;--warning:#8A5200;--warning-soft:#F8EBD6;--info:#2A5FA0;--info-soft:#E1EAF6;--danger:var(--brand-ink);--focus:#2A5FA0;--scrim:rgba(13,12,12,0.55);--shadow-card:0 1px 2px rgba(26,22,22,0.06), 0 4px 14px rgba(26,22,22,0.05);--shadow-raised:0 8px 28px rgba(26,22,22,0.14);--shadow-brand:0 6px 18px rgba(154,15,21,0.28)}
[data-theme=dark]{--bg:#0D0C0C;--bg-end:#171414;--surface:#181515;--surface-2:#231F1F;--line:#2F2A2A;--line-strong:#766B6B;--ink:#F3EFEF;--ink-muted:#A89E9E;--brand:#C9161E;--brand-deep:#8E0E14;--brand-soft:#3A1517;--brand-ink:#FF7478;--on-brand:#FFFFFF;--graphite:#0A0909;--on-graphite:#F3EFEF;--on-graphite-muted:#A89E9E;--success:#45C7B1;--success-soft:#10302B;--warning:#F2AB4E;--warning-soft:#3A2A12;--info:#86B8F0;--info-soft:#16273D;--danger:var(--brand-ink);--focus:#86B8F0;--scrim:rgba(0,0,0,0.65);--shadow-card:0 1px 2px rgba(0,0,0,0.5);--shadow-raised:0 10px 30px rgba(0,0,0,0.6);--shadow-brand:0 6px 18px rgba(0,0,0,0.55);color-scheme:dark}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--control-sm:36px;--control-md:48px;--control-lg:56px;--bottom-nav:68px;--sidebar:248px;--font-display:Archivo, "Arial Narrow", system-ui, sans-serif;--font-body:Barlow, "Segoe UI", system-ui, sans-serif}
.display{font-family:var(--font-display);font-size:34px;line-height:36px;font-weight:800;letter-spacing:-0.01em;}
.title-lg{font-family:var(--font-display);font-size:26px;line-height:30px;font-weight:800;}
.title{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:700;}
.numeric{font-family:var(--font-display);font-size:40px;line-height:40px;font-weight:700;}
.subtitle{font-family:var(--font-body);font-size:17px;line-height:24px;font-weight:600;}
.body{font-family:var(--font-body);font-size:16px;line-height:24px;font-weight:400;}
.body-sm{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:400;}
.label{font-family:var(--font-body);font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.08em;}
.button{font-family:var(--font-body);font-size:16px;line-height:20px;font-weight:600;}