/* ==========================================================================
   Balam Design System — tokens
   Copiados literal de /Users/luisocana/Downloads/Balam Design System/tokens/
   No editar valores aqui: son la fuente de verdad de la marca.
   ========================================================================== */

/* Substitutions: wordmark face unavailable — Archivo (Google Fonts) stands in for display; Archivo also for UI/body; IBM Plex Mono for folios & data. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{
--font-display:'Archivo',system-ui,sans-serif;--font-body:'Archivo',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace;
--text-display:800 clamp(2rem,5vw,3.5rem)/1.05 var(--font-display);--track-display:-0.02em;
--text-h1:800 2rem/1.1 var(--font-display);--text-h2:700 1.5rem/1.15 var(--font-display);--text-h3:700 1.125rem/1.3 var(--font-display);
--text-body-md:400 0.9375rem/1.5 var(--font-body);--text-body-sm:400 0.8125rem/1.45 var(--font-body);
--text-label:600 0.8125rem/1.2 var(--font-body);--track-label:0.01em;
--text-overline:700 0.6875rem/1.2 var(--font-body);--track-overline:0.14em;/* uppercase, echoes INSPECCIONES letterspacing */
--text-mono:500 0.8125rem/1.4 var(--font-mono);
}
:root{
/* Brand */
--brand-orange:#FF9C00;--brand-orange-hover:#E88E00;--brand-orange-press:#D28100;--brand-orange-soft:#FFF3DF;--brand-orange-tint:#FFE2B0;
--ink:#0D0D0D;--ink-2:#1F1C17;
/* Neutrals (warm) */
--n-0:#FFFFFF;--n-50:#FAF8F4;--n-100:#F3F0EA;--n-200:#E7E2D9;--n-300:#D3CCC0;--n-400:#A79E8F;--n-500:#7C7466;--n-600:#57503F;--n-700:#3A3428;--n-800:#241F16;--n-900:#0D0D0D;
/* Semantic (inspection verdicts) */
--ok:#1F8A3B;--ok-soft:#E4F4E7;--warn:#C96A00;--warn-soft:#FDEED8;--danger:#C42B1C;--danger-soft:#FBE7E4;--info:#1E5A8A;--info-soft:#E3EEF6;
/* Aliases */
--surface-page:var(--n-50);--surface-card:var(--n-0);--surface-inverse:var(--ink);--surface-brand:var(--brand-orange);
--text-body:var(--ink);--text-secondary:var(--n-600);--text-muted:var(--n-500);--text-on-brand:var(--ink);--text-on-inverse:#FFFFFF;--text-inverse-muted:#B8B2A6;
--border-default:var(--n-200);--border-strong:var(--n-300);--border-focus:var(--brand-orange);
--link:#B36D00;--link-hover:#8A5400;
}
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;
--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;
}
:root{
--shadow-sm:0 1px 2px rgba(13,13,13,0.06);
--shadow-md:0 2px 6px rgba(13,13,13,0.07),0 8px 24px rgba(13,13,13,0.06);
--shadow-lg:0 4px 12px rgba(13,13,13,0.08),0 24px 60px rgba(13,13,13,0.14);
--focus-ring:0 0 0 3px rgba(255,156,0,0.35);
--scrim:rgba(13,13,13,0.45);
--material-chrome:rgba(250,248,244,0.72); /* @kind color */
--material-blur:blur(20px) saturate(180%); /* @kind other */
}
/* Motion foundations distilled from Apple's fluid-interfaces principles (emilkowalski/skills apple-design). */
:root{
--ease-out:cubic-bezier(0.25,1,0.5,1); /* @kind other */
--ease-in-out:cubic-bezier(0.65,0,0.35,1); /* @kind other */
--dur-instant:100ms; /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:240ms; /* @kind other */
--dur-slow:400ms; /* @kind other */
--press-scale:0.97; /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{
--dur-instant:0ms; /* @kind other */
--dur-fast:0ms; /* @kind other */
--dur-base:0ms; /* @kind other */
--dur-slow:0ms; /* @kind other */
}}

body{margin:0;font:var(--text-body-md);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}
::selection{background:var(--brand-orange-tint)}