:root {
  /* Colores */
  --cw-bg: #f7f9fb;
  --cw-bg-glow: radial-gradient(1100px 480px at 0% -8%, #e7f6ec 0%, transparent 62%), radial-gradient(900px 420px at 100% -4%, #fff3e2 0%, transparent 56%);
  --cw-surface: #ffffff;
  --cw-surface-secondary: #f1f4f7;
  --cw-surface-muted: #f9fbfc;
  --cw-text: #1a2233;
  --cw-text-secondary: #556070;
  --cw-border: #e6ebf1;
  --cw-border-strong: #d9e0e8;
  --cw-border-hover: #b7e3c9;
  --cw-accent: #0e7a4f;
  --cw-accent-hover: #0b6340;
  --cw-accent-soft: #e5f6ec;
  --cw-accent-gradient: linear-gradient(135deg, #0f7a50 0%, #0b5e3e 100%);
  --cw-accent-icon: linear-gradient(135deg, #e3f6ea, #d2efdc);
  --cw-on-accent: #ffffff;
  --cw-on-accent-muted: #d6f2e2;
  --cw-mint: #c9edac;
  --cw-success: #0b6340;
  --cw-success-soft: #e5f6ec;
  --cw-warning: #8a4b00;
  --cw-warning-soft: #fff6e6;
  --cw-warning-line: #e8a33c;
  --cw-danger: #b42318;
  --cw-danger-hover: #912018;
  --cw-danger-soft: #fdeceb;
  --cw-danger-border: #f3cdc8;
  --cw-info: #1f5e8c;
  --cw-info-soft: #e9f3fb;
  --cw-sidebar: #202a26;
  --cw-sidebar-muted: #a5b3aa;
  --cw-sidebar-text: #eef3ef;
  --cw-focus-ring: 0 0 0 3px #0e7a4f2e;

  /* Formas y profundidad */
  --cw-radius-sm: 9px;
  --cw-radius-md: 12px;
  --cw-radius-lg: 16px;
  --cw-radius-pill: 999px;
  --cw-shadow-xs: 0 1px 2px #32325d0d;
  --cw-shadow-sm: 0 2px 5px -1px #32325d10, 0 1px 3px -1px #0000000d;
  --cw-shadow-hover: 0 13px 27px -5px #32325d1f, 0 8px 16px -8px #00000014;
  --cw-shadow-md: 0 10px 36px #32325d1a;
  --cw-shadow-accent: 0 2px 5px -1px #0e7a4f40;
  --cw-lift: translateY(-3px);

  /* Espaciado */
  --cw-space-1: 4px;
  --cw-space-2: 8px;
  --cw-space-3: 12px;
  --cw-space-4: 16px;
  --cw-space-5: 24px;
  --cw-space-6: 32px;
  --cw-space-7: 48px;
  --cw-pad-card: 26px;

  /* Tipografía */
  --cw-font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --cw-text-2xs: .75rem;
  --cw-text-xs: .78125rem;
  --cw-text-sm: .84375rem;
  --cw-text-base: .90625rem;
  --cw-text-md: .9375rem;
  --cw-text-lg: 1.125rem;
  --cw-text-xl: 1.5rem;
  --cw-text-title: clamp(1.75rem, 2.5vw, 2.25rem);
  --cw-motion: 180ms cubic-bezier(.2, .8, .2, 1);
}
