:root {
 --i1-navy:#081B45; --i1-royal:#0B4CD2; --i1-electric:#1477FF; --i1-cyan:#11C9E8; --i1-ice:#EEF4FB; --i1-graphite:#050D1D;
 --i1-text:var(--i1-navy); --i1-text-secondary:#475569; --i1-surface:#FFFFFF; --i1-surface-subtle:var(--i1-ice); --i1-border:#CBD5E1; --i1-control-border:#64748B;
 --i1-action:var(--i1-royal); --i1-action-hover:var(--i1-navy); --i1-action-pressed:#062C82; --i1-action-text:#FFFFFF;
 --i1-success:#166534; --i1-success-surface:#F0FDF4; --i1-warning:#92400E; --i1-warning-surface:#FFFBEB; --i1-error:#B91C1C; --i1-error-surface:#FEF2F2;
 --i1-font:"Montserrat",Arial,sans-serif;
 --i1-radius-field:8px; --i1-radius-button:10px; --i1-radius-card:16px;
 --i1-space-1:4px; --i1-space-2:8px; --i1-space-3:12px; --i1-space-4:16px; --i1-space-6:24px; --i1-space-8:32px; --i1-space-12:48px; --i1-space-16:64px;
 --i1-content-max:1200px; --i1-page-margin:20px; --i1-grid-gap:16px;
 --i1-focus:var(--i1-navy); --i1-focus-width:2px; --i1-focus-offset:2px;
 --i1-height-compact:44px; --i1-height-default:48px; --i1-height-large:56px;
 --i1-shadow-raised:0 8px 24px rgba(8,27,69,.10); --i1-motion:180ms;
}
@media (min-width:768px) { :root { --i1-page-margin:24px; } }
@media (min-width:1200px) { :root { --i1-page-margin:32px; --i1-grid-gap:24px; } }
@media (prefers-reduced-motion:reduce) { :root { --i1-motion:0ms; } }
/* Exemplo de construção; validar os estados na aplicação real. */
.i1-button { display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:12px; min-height:48px; padding:0 20px; border:1px solid transparent; border-radius:10px; background:var(--i1-action); color:var(--i1-action-text); font:600 15px/20px var(--i1-font); cursor:pointer; transition:background-color var(--i1-motion); }
.i1-button:hover { background:var(--i1-action-hover); }
.i1-button:active { background:var(--i1-action-pressed); }
.i1-button:focus-visible { outline:2px solid var(--i1-focus); outline-offset:2px; }
.i1-button:disabled { background:var(--i1-ice); color:var(--i1-text-secondary); cursor:default; }
.i1-button [aria-hidden] { width:20px; height:20px; flex:none; }