:root {
  /* Marca: nueva paleta, sin heredar azul/verde/naranjo de Clienta1 */
  --brand-ink: #1D2B3A;
  --brand-petrol: #126B6F;
  --brand-petrol-dark: #0C5255;
  --brand-clay: #B9533F;
  --brand-clay-soft: #F6E5DF;
  --brand-sand: #F7F1E8;
  --brand-mist: #EAF4F2;

  /* Neutros */
  --neutral-950: #17202A;
  --neutral-800: #2B3945;
  --neutral-700: #3E4D58;
  --neutral-600: #52616B;
  --neutral-400: #8B989E;
  --neutral-300: #B4BEC2;
  --neutral-200: #D8E1DE;
  --neutral-100: #EEF2F0;
  --neutral-050: #F8FAF9;
  --white: #FFFFFF;

  /* Estados */
  --success-700: #246945;
  --success-100: #E5F3EA;
  --warning-700: #8A5716;
  --warning-100: #FFF1D7;
  --error-700: #B53A45;
  --error-100: #FBE9EA;
  --info-700: #315F87;
  --info-100: #E8F2FB;

  /* Texto y superficies */
  --text-primary: var(--brand-ink);
  --text-secondary: var(--neutral-600);
  --text-inverse: var(--white);
  --surface-base: var(--white);
  --surface-warm: var(--brand-sand);
  --surface-cool: var(--brand-mist);
  --surface-subtle: var(--neutral-050);
  --border-default: var(--neutral-200);
  --border-strong: var(--neutral-300);

  /* Tipografía conceptual: no se incluyen archivos de fuentes */
  --font-display: "Manrope", "Aptos Display", "Segoe UI", Arial, sans-serif;
  --font-body: "Source Sans 3", "Aptos", "Segoe UI", Arial, sans-serif;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;
  --fs-38: 2.375rem;
  --fs-48: 3rem;
  --fs-60: 3.75rem;

  --lh-tight: 1.08;
  --lh-heading: 1.18;
  --lh-body: 1.58;

  /* Espaciado 4/8 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Radios: botones no pill */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Sombras cálidas y discretas */
  --shadow-1: 0 1px 2px rgba(29, 43, 58, 0.07), 0 4px 12px rgba(29, 43, 58, 0.05);
  --shadow-2: 0 12px 30px rgba(29, 43, 58, 0.10);
  --shadow-3: 0 22px 60px rgba(29, 43, 58, 0.14);

  /* Movimiento */
  --motion-fast: 140ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --ease-standard: cubic-bezier(.2, .75, .25, 1);

  /* Layout */
  --container: 1200px;
  --gutter-mobile: 20px;
  --gutter-tablet: 32px;
  --gutter-desktop: 40px;
  --header-height: 76px;

  /* Foco */
  --focus-ring: 0 0 0 3px rgba(18, 107, 111, 0.28), 0 0 0 5px rgba(255,255,255,0.95);
}