/* brand.css — copia de @juan-waybe/ui@0.9.0 dist/tokens.css. NO editar a mano:
   se regenera con  cp waybe-brand/ui/dist/tokens.css  <sitio>/public/brand.css  */

/* @juan-waybe/ui/tokens.css — GENERADO por scripts/build-tokens.mjs. No editar a mano.
   Fuente: tokens/waybe.tokens.json */

:root {
  --color-waybe-50: #eef6ff;
  --color-waybe-100: #d6ebff;
  --color-waybe-200: #b3d9ff;
  --color-waybe-300: #91CFFF;
  --color-waybe-400: #5aacf5;
  --color-waybe-500: #2d87e8;
  --color-waybe-600: #1a67cc;
  --color-waybe-700: #1249a8;
  --color-waybe-800: #0d3280;
  --color-waybe-900: #071d58;
  --color-waybe-950: #010C40;
  --color-wb-green-50: #f0fdf4;
  --color-wb-green-100: #dcfce7;
  --color-wb-green-200: #bbf7d0;
  --color-wb-green-300: #7EE099;
  --color-wb-green-400: #4ade80;
  --color-wb-green-500: #22c55e;
  --color-wb-green-600: #16a34a;
  --color-wb-green-700: #17342E;
  --color-wb-green-800: #14532d;
  --color-wb-green-900: #052e16;
  --color-wb-green-950: #031a0e;
  --color-wb-coral-300: #FFA98A;

  --wb-surface: var(--color-waybe-950);
  --wb-surface-elevated: var(--color-waybe-900);
  --wb-surface-panel: #0A1655;
  --wb-border-dark: #12266B;
  --wb-background: #F2F6FC;
  --wb-background-subtle: #E5EAF2;
  --wb-border: #C9D6EC;
  --wb-text-muted: #5A6884;
  --wb-accent: var(--color-waybe-300);
  --wb-success: var(--color-wb-green-300);
  --wb-warning: var(--color-wb-coral-300);
  --wb-text-on-dark: #ffffff;
  --wb-text-muted-dark: rgba(255,255,255,0.45);
  --wb-text-primary: var(--color-waybe-950);

  --font-sans: var(--font-sora, 'Sora'), system-ui, -apple-system, sans-serif;
  --wb-radius-sm: 6px;
  --wb-radius-md: 12px;
  --wb-radius-lg: 20px;
  --wb-sidebar: 248px;
  --wb-sidebar-collapsed: 64px;
  --wb-logo-height: 26px;
  --wb-logo-min-width: 160px;
  --wb-logo-min-width-staffing: 184px;
}