/* ECODRILL Design Tokens — v1.0.0 — GENERADO, no editar a mano */
:root {
  /* Marca */
  --ec-accent: #D2D960;
  --ec-accent-strong: #7C8329;
  --ec-secondary: #615852;

  /* Ramp lime */
  --ec-lime-50: #FBFCEF;
  --ec-lime-100: #F4F7D4;
  --ec-lime-200: #E9EFAC;
  --ec-lime-300: #DDE783;
  --ec-lime-400: #D2D960;
  --ec-lime-500: #C2CA49;
  --ec-lime-600: #9FA636;
  --ec-lime-700: #7C8329;
  --ec-lime-800: #5B6020;
  --ec-lime-900: #3D4116;

  /* Ramp neutral */
  --ec-neutral-50: #FAF9F8;
  --ec-neutral-100: #F3F1EF;
  --ec-neutral-200: #E7E4E1;
  --ec-neutral-300: #D5D0CB;
  --ec-neutral-400: #B4ADA6;
  --ec-neutral-500: #8B837C;
  --ec-neutral-600: #6E655F;
  --ec-neutral-700: #615852;
  --ec-neutral-800: #453F3A;
  --ec-neutral-900: #2A2623;

  /* Ramp success */
  --ec-success-50: #E5F4EC;
  --ec-success-100: #C4E7D3;
  --ec-success-300: #7CCB98;
  --ec-success-500: #2E9E5B;
  --ec-success-600: #26834B;
  --ec-success-700: #1E683B;
  --ec-success-900: #123E23;

  /* Ramp danger */
  --ec-danger-50: #FBEAEB;
  --ec-danger-100: #F6CFD1;
  --ec-danger-300: #EF9095;
  --ec-danger-500: #DC3B45;
  --ec-danger-600: #BE2E37;
  --ec-danger-700: #9A252D;
  --ec-danger-900: #5C161A;

  /* Ramp warning */
  --ec-warning-50: #FBF0E0;
  --ec-warning-100: #F6DDBA;
  --ec-warning-300: #F1BC6E;
  --ec-warning-500: #E0932B;
  --ec-warning-600: #C07923;
  --ec-warning-700: #965E1B;
  --ec-warning-900: #573710;

  /* Ramp info */
  --ec-info-50: #E9F1FA;
  --ec-info-100: #CBDFF3;
  --ec-info-300: #8FB6E6;
  --ec-info-500: #3E82C7;
  --ec-info-600: #326BA6;
  --ec-info-700: #275384;
  --ec-info-900: #16314F;

  /* Semánticos */
  --ec-primary: #D2D960;
  --ec-primary-strong: #7C8329;
  --ec-secondary: #615852;
  --ec-success: #2E9E5B;
  --ec-danger: #DC3B45;
  --ec-warning: #E0932B;
  --ec-info: #3E82C7;

  /* Superficies (claro) */
  --ec-bg: #FAF9F8;
  --ec-bg-subtle: #F3F1EF;
  --ec-surface: #FFFFFF;
  --ec-card: #FFFFFF;
  --ec-border: #E7E4E1;
  --ec-border-strong: #D5D0CB;
  --ec-text: #2A2623;
  --ec-text-2: #6E655F;
  --ec-text-3: #9A928B;
  --ec-hover: #F3F1EF;
  --ec-selected: #F1F5CE;
  --ec-disabled: #EDEAE7;
  --ec-focus: #7C8329;
  --ec-on-accent: #2A2623;

  /* Tipografía */
  --ec-font-sans: 'Geist', system-ui, -apple-system, Segoe UI, sans-serif;
  --ec-font-mono: 'Geist Mono', ui-monospace, monospace;

  /* Espaciado (grid 8px) */
  --ec-space-0: 0px;
  --ec-space-1: 4px;
  --ec-space-2: 8px;
  --ec-space-3: 12px;
  --ec-space-4: 16px;
  --ec-space-5: 24px;
  --ec-space-6: 32px;
  --ec-space-7: 40px;
  --ec-space-8: 48px;
  --ec-space-9: 64px;
  --ec-space-10: 96px;

  /* Radio */
  --ec-radius-none: 0px;
  --ec-radius-xs: 4px;
  --ec-radius-sm: 6px;
  --ec-radius-md: 10px;
  --ec-radius-lg: 14px;
  --ec-radius-xl: 20px;
  --ec-radius-full: 9999px;

  /* Elevación */
  --ec-shadow-sm: 0 1px 2px rgba(42,38,35,.07);
  --ec-shadow-md: 0 4px 14px rgba(42,38,35,.09);
  --ec-shadow-lg: 0 16px 40px rgba(42,38,35,.13);
  --ec-shadow-xl: 0 28px 72px rgba(42,38,35,.18);

  /* Movimiento */
  --ec-dur-instant: 0ms;
  --ec-dur-fast: 120ms;
  --ec-dur-base: 200ms;
  --ec-dur-slow: 320ms;
  --ec-dur-slower: 480ms;
  --ec-ease-standard: cubic-bezier(.2,.8,.2,1);
  --ec-ease-decelerate: cubic-bezier(0,0,.2,1);
  --ec-ease-accelerate: cubic-bezier(.4,0,1,1);
  --ec-ease-emphasized: cubic-bezier(.2,0,0,1);

  /* Z-index */
  --ec-z-base: 0;
  --ec-z-docked: 10;
  --ec-z-dropdown: 1000;
  --ec-z-sticky: 1100;
  --ec-z-overlay: 1200;
  --ec-z-modal: 1300;
  --ec-z-popover: 1400;
  --ec-z-toast: 1500;
  --ec-z-tooltip: 1600;
}

[data-theme="dark"] {
  --ec-primary: #D2D960;
  --ec-primary-strong: #DEE688;
  --ec-secondary: #B4ADA6;
  --ec-success: #4CB878;
  --ec-danger: #F26B72;
  --ec-warning: #EBAA55;
  --ec-info: #69A3DC;
  --ec-bg: #1A1714;
  --ec-bg-subtle: #211D19;
  --ec-surface: #232019;
  --ec-card: #2A2621;
  --ec-border: #37322C;
  --ec-border-strong: #48423A;
  --ec-text: #F1EFEC;
  --ec-text-2: #B4ADA6;
  --ec-text-3: #87807A;
  --ec-hover: #2C2822;
  --ec-selected: #2E301A;
  --ec-disabled: #2C2822;
  --ec-focus: #DEE688;
  --ec-on-accent: #1A1714;
  --ec-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --ec-shadow-md: 0 4px 14px rgba(0,0,0,.45);
  --ec-shadow-lg: 0 16px 40px rgba(0,0,0,.55);
  --ec-shadow-xl: 0 28px 72px rgba(0,0,0,.65);
}