:root {
  /* ===== Marca — verde corporativo profundo ===== */
  --moss-50: #F0F7F3;
  --moss-100: #D4E8DC;
  --moss-200: #A8D1B9;
  --moss-300: #6BAF88;
  --moss-400: #3D8B62;
  --moss-500: #256B47;
  --moss-600: #1B5E3B;
  --moss-700: #144A2E;
  --moss-rgb: 27, 94, 59;

  /* ===== Acento secundario — clientes / WhatsApp ===== */
  --clay-50: #FAF6F1;
  --clay-100: #F0E6D8;
  --clay-300: #C4A882;
  --clay-400: #A6855C;
  --clay-500: #8B6D47;
  --clay-600: #6E5638;
  --clay-rgb: 166, 133, 92;

  --green-400: var(--moss-500);
  --green-600: var(--moss-600);

  /* ===== Superficies — blanco dominante, estilo enterprise ===== */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8FAFB;
  --bg-elevated: #FFFFFF;
  --bg-muted: #F1F4F8;
  --bg-card: #FFFFFF;
  --bg-subtle: #EEF2F6;

  /* ===== Texto — charcoal profesional ===== */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;

  /* Bordes */
  --border-subtle: #EEF2F6;
  --border-default: #E2E8F0;
  --border-strong: #CBD5E1;

  /* Tarjetas — sin glassmorphism, superficie sólida */
  --glass-bg: #FFFFFF;
  --glass-border: #E2E8F0;
  --glass-blur: 0px;

  /* Gradientes — sobrios, casi sólidos */
  --gradient-brand: linear-gradient(180deg, var(--moss-500) 0%, var(--moss-600) 100%);
  --gradient-clay: linear-gradient(180deg, var(--clay-400) 0%, var(--clay-600) 100%);
  --gradient-text: linear-gradient(135deg, var(--moss-600) 0%, var(--moss-500) 100%);
  --gradient-glow: radial-gradient(ellipse at center, rgba(var(--moss-rgb), 0.06) 0%, transparent 70%);

  /* Spacing */
  --section-padding: clamp(5rem, 10vw, 8rem);
  --container-max: 1160px;
  --container-padding: clamp(1.25rem, 4vw, 2rem);

  /* Tipografía — limpia y corporativa */
  --font-display: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'DM Mono', 'SF Mono', ui-monospace, monospace;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: clamp(1.875rem, 3.5vw, 2.625rem);
  --font-size-3xl: clamp(2.25rem, 5vw, 3.25rem);
  --font-size-hero: clamp(2.5rem, 5.5vw, 3.75rem);

  /* Motion */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;
  --press-scale: 0.98;

  /* Focus */
  --focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px rgba(var(--moss-rgb), 0.45);
  --focus-ring-tight: 0 0 0 2px rgba(var(--moss-rgb), 0.4);

  /* Radios — más contenidos, enterprise */
  --radius-2xs: 4px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Sombras — sutiles sobre blanco */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.1), 0 4px 12px rgba(15, 23, 42, 0.05);
  --shadow-glow: 0 4px 24px rgba(var(--moss-rgb), 0.08);
  --shadow-glow-clay: 0 4px 24px rgba(var(--clay-rgb), 0.08);
}