/* Ventanaly · tokens de diseño v1.0 · generado desde tokens.json */
:root {
  --vy-color-brand-verde: #86BA35;
  --vy-color-brand-carbon: #222627;
  --vy-color-brand-ambar: #eab308;
  --vy-color-verde-100: #EAF3D8;
  --vy-color-verde-300: #B7D68A;
  --vy-color-verde-500: #86BA35;
  --vy-color-verde-700: #46720F;
  --vy-color-verde-900: #2A4509;
  --vy-color-neutral-white: #FFFFFF;
  --vy-color-neutral-niebla: #F3F5EF;
  --vy-color-neutral-linea: #DDE2D5;
  --vy-color-neutral-gris-300: #d1d5db;
  --vy-color-neutral-gris-600: #4b5563;
  --vy-color-neutral-carbon: #222627;
  --vy-color-neutral-noche: #1a1c1a;
  --vy-color-text-primary: #222627;
  --vy-color-text-secondary: #4b5563;
  --vy-color-text-link: #46720F;
  --vy-color-text-on-dark: #FFFFFF;
  --vy-color-text-on-brand: #222627;
  --vy-color-surface-page: #FFFFFF;
  --vy-color-surface-subtle: #F3F5EF;
  --vy-color-surface-inverse: #222627;
  --vy-color-surface-border: #DDE2D5;
  --vy-color-state-success: #46720F;
  --vy-color-state-success-bg: #EAF3D8;
  --vy-color-state-warning: #eab308;
  --vy-color-state-warning-bg: #FEF3C7;
  --vy-color-state-warning-text: #6B4E00;
  --vy-color-state-danger: #C8372D;
  --vy-color-state-danger-bg: #FBE9E7;
  --vy-color-state-offline: #eab308;
  --vy-font-family-display: 'Anybody', 'Montserrat', system-ui, sans-serif;
  --vy-font-family-ui: 'Montserrat', system-ui, sans-serif;
  --vy-font-family-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --vy-font-weight-regular: 400;
  --vy-font-weight-medium: 500;
  --vy-font-weight-semibold: 600;
  --vy-font-weight-bold: 700;
  --vy-font-weight-display: 725;
  --vy-font-size-xs: 12px;
  --vy-font-size-sm: 14px;
  --vy-font-size-md: 16px;
  --vy-font-size-lg: 20px;
  --vy-font-size-xl: 28px;
  --vy-font-size-2xl: 40px;
  --vy-font-size-3xl: 56px;
  --vy-font-lineHeight-tight: 1.15;
  --vy-font-lineHeight-snug: 1.3;
  --vy-font-lineHeight-normal: 1.5;
  --vy-space-1: 4px;
  --vy-space-2: 8px;
  --vy-space-3: 12px;
  --vy-space-4: 16px;
  --vy-space-6: 24px;
  --vy-space-8: 32px;
  --vy-space-12: 48px;
  --vy-space-16: 64px;
  --vy-radius-sm: 6px;
  --vy-radius-md: 12px;
  --vy-radius-lg: 20px;
  --vy-radius-pill: 999px;
  --vy-radius-app-icon: 22.5%;
  --vy-shadow-sm: 0 1px 2px rgba(34,38,39,.10);
  --vy-shadow-md: 0 6px 18px rgba(34,38,39,.12);
  --vy-shadow-focus: 0 0 0 3px rgba(134,186,53,.45);
  --vy-motion-fast: 120ms;
  --vy-motion-base: 200ms;
  --vy-motion-easing: cubic-bezier(.2,.7,.2,1);
  --vy-layout-touch-target: 44px;
  --vy-layout-block-angle: 24deg;
  --vy-layout-block-height-ratio: 0.2;
}

/* Bloque inclinado: acento de marca (24°) */
.vy-block { display:inline-block; height:.5em; width:3em; background:var(--vy-color-brand-verde);
  transform:skewX(24deg); border-radius:0 .2em 0 .2em; }
.vy-focus:focus-visible { outline:none; box-shadow:var(--vy-shadow-focus); }
@media (prefers-reduced-motion: reduce) { :root { --vy-motion-fast:0ms; --vy-motion-base:0ms; } }