/* ══════════════════════════════════════════════════════════════════
   ADMIN.OSCORP.INK · TOKENS PROPIOS
   Extiende brand.css (marca) con lo que este panel necesita y la marca
   no define: tipografía de UI, espaciado, radios, sombras. No redefine
   nada de brand.css — ver CLAUDE.md.
   ══════════════════════════════════════════════════════════════════ */

:root {
  --border-strong: rgba(24, 24, 27, 0.16);

  --r-sm: 6px;
  --r-md: 10px;
  --r-full: 999px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 36px;

  --fs-display: 26px;
  --fs-h2: 16px;
  --fs-body: 14px;
  --fs-small: 13px;
  --fs-micro: 11px;
  --lh-normal: 1.5;

  --shadow-focus: 0 0 0 3px color-mix(in srgb, var(--acc) 35%, transparent);
  --shadow-card: 0 1px 2px rgba(24, 24, 27, 0.06);
}