/* Arden · tokens v2.2 (2026-10-19). Fuente: https://brandkit.uetc.mx/tokens.json
   Uso: <link rel="stylesheet" href="https://brandkit.uetc.mx/tokens.css"> y luego var(--night), var(--green)... */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root, [data-theme="light"] {
  --night: #120C33;
  --night-2: #1C1548;
  --night-line: #342B6E;
  --night-ink: #F3F1FB;
  --night-ink-2: #BDB6DE;
  --night-muted: #8D86B3;
  --green: #93C11F;
  --on-green: #120C33;
  --green-bright: #B6E36A;
  --night-down: #F6A491;
  --night-warn: #F0CF62;
  --violet-glow: #4A1675;
  --indigo-glow: #2E2278;
  --uetc-yellow: #F6D023;
  --uetc-lime: #DDDB00;
  --wordmark: #333333;
  --brandcade-purple: #641974;
  --brandcade-blue: #0361AF;
  --brandcade-cyan: #6FC5EB;
  --bg: #F6F5FA;
  --surface: #FFFFFF;
  --ink: #17122E;
  --ink-2: #4B4566;
  --muted: #77728E;
  --line: #E2DFEC;
  --line-soft: #EEECF4;
  --link: #2D2275;
  --btn: #17122E;
  --btn-ink: #FFFFFF;
  --focus-ring: #2D2275;
  --good: #3B7414;
  --good-bg: #EAF3DC;
  --attn: #B4432C;
  --attn-bg: #F8E7E2;
  --pending: #5D5880;
  --pending-bg: #ECEAF4;
  --data-amber: #C08A00;
  --data-external: #6A3FB5;
  --data-cost: #2E2858;
  --tip: #17122E;
  --tip-ink: #FFFFFF;
  --focus-glow: 0 0 0 3px rgba(147, 193, 31, 0.22);
  --glyph-glow: 0 0 14px rgba(182, 227, 106, 0.55);
}

[data-theme="dark"] {
  --bg: #0F0A2B;
  --surface: #1A1440;
  --ink: #F0EEF9;
  --ink-2: #C0BADC;
  --muted: #8F89B0;
  --line: #2F2862;
  --line-soft: #251E52;
  --link: #B9DE79;
  --btn: #93C11F;
  --btn-ink: #120C33;
  --focus-ring: #93C11F;
  --good: #A9D466;
  --good-bg: #24331C;
  --attn: #F2907A;
  --attn-bg: #3A1F2A;
  --pending: #ABA5CC;
  --pending-bg: #262054;
  --data-amber: #B88A12;
  --data-external: #9474E2;
  --data-cost: #D9D3F2;
  --tip: #F0EEF9;
  --tip-ink: #120C33;
  color-scheme: dark;
}

:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-14: 14px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-48: 48px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-seg: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius-icon: 36px;
  --content-max: 1140px;
  --measure: 58ch;
  --glyph-min: 24px;
  --font-display: Montserrat, "Avenir Next", system-ui, sans-serif;
  --font-body: Rubik, system-ui, -apple-system, "Segoe UI", sans-serif;
}

:root {
  --uetc-yellow: #F6D023;
  --uetc-lime: #DDDB00;
  --logrus-red: #FF003D;
  --logrus-black: #141213;
  --logrus-wine: #661424;
  --logrus-bone: #DFD3D1;
  --brandcade-gradient: linear-gradient(90deg, #641974, #0361AF, #6FC5EB);
}