/* DynamicDNSPro Vault — tokens de diseño (paleta del ecosistema, decisión 2026-11-09
   guardada en Imagen Corporativa de CodeLink). Ningún color fuera de este archivo.
   Temas: oscuro por defecto · [data-theme=light] · [data-theme=auto] sigue al sistema. */

@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ibm-plex-sans-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+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;
  src:url(../fonts/ibm-plex-sans-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+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ibm-plex-sans-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+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* escala tipográfica (px): 12 · 13 · 14 · 16 · 20 · 24 */
  --t-xs:12px;--t-sm:13px;--t-md:14px;--t-lg:16px;--t-xl:20px;--t-2xl:24px;
  --r-sm:6px;--r-md:8px;--r-lg:12px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;
  --ease:cubic-bezier(.2,.8,.25,1);

  /* oscuro (por defecto) */
  color-scheme:dark;
  --bg:#0d1117;--surface:#161b22;--surface-2:#1c2129;--line:#30363d;--line-strong:#3d444d;
  --text:#e6edf3;--muted:#8b949e;--accent:#1f6feb;--accent-text:#4493f8;--on-accent:#ffffff;
  --ok:#3fb950;--ok-bg:#238636;--warn:#d29922;--danger:#f85149;
  --shadow:0 8px 24px rgba(1,4,9,.55);--overlay:rgba(1,4,9,.66);
}
:root[data-theme=light]{
  color-scheme:light;
  --bg:#f6f8fa;--surface:#ffffff;--surface-2:#eff2f5;--line:#d0d7de;--line-strong:#afb8c1;
  --text:#1f2328;--muted:#59636e;--accent:#0969da;--accent-text:#0969da;--on-accent:#ffffff;
  --ok:#1a7f37;--ok-bg:#1f883d;--warn:#9a6700;--danger:#cf222e;
  --shadow:0 8px 24px rgba(140,149,159,.25);--overlay:rgba(31,35,40,.35);
}
@media (prefers-color-scheme:light){:root[data-theme=auto]{
  color-scheme:light;
  --bg:#f6f8fa;--surface:#ffffff;--surface-2:#eff2f5;--line:#d0d7de;--line-strong:#afb8c1;
  --text:#1f2328;--muted:#59636e;--accent:#0969da;--accent-text:#0969da;--on-accent:#ffffff;
  --ok:#1a7f37;--ok-bg:#1f883d;--warn:#9a6700;--danger:#cf222e;
  --shadow:0 8px 24px rgba(140,149,159,.25);--overlay:rgba(31,35,40,.35);
}}
:root{
  --accent-soft:color-mix(in srgb,var(--accent) 16%,transparent);
  --danger-soft:color-mix(in srgb,var(--danger) 12%,transparent);
  /* alias de nombres antiguos (estilos inline que aún quedan en las plantillas JS) */
  --txt:var(--text);--mut:var(--muted);--dim:var(--muted);--acc:var(--accent);--acc2:var(--accent);--accS:var(--accent);
  --bad:var(--danger);--card:var(--surface);--card2:var(--surface-2);--bg2:var(--surface);--panel:var(--surface);
  --panel2:var(--surface-2);--line2:var(--line-strong);--rs:var(--r-md);--r:var(--r-lg);
}