:root {
  color-scheme: light;

  /* ============================================================
     Paleta Percales v3 — Paleta B (final)
     ============================================================ */

  /* Brand colors */
  --marigold:   #E16A2C;   /* acento primario */
  --bone:       #FFF6EA;   /* fondo secundario */
  --paper:      #FBF7F1;   /* fondo principal */
  --espresso:   #5A1F12;   /* texto / ink principal */
  --terracotta: #C2603B;
  --rust:       #8C3D20;
  --pewter:     #4A5868;
  --brass:      #B5814A;
  --peach:      #F2C2A0;

  /* Semantic aliases */
  --surface-default:  var(--paper);
  --surface-raised:   var(--bone);
  --surface-accent:   var(--marigold);
  --text-default:     var(--espresso);
  --text-muted:       rgba(90, 31, 18, 0.72);
  --text-on-accent:   #ffffff;
  --border-default:   rgba(90, 31, 18, 0.14);
  --border-strong:    rgba(90, 31, 18, 0.30);
  --accent-primary:   var(--marigold);
  --accent-secondary: var(--terracotta);
  --accent-warm:      var(--brass);

  /* Shorthand aliases */
  --ink:   var(--espresso);
  --line:  rgba(90, 31, 18, 0.14);
  --muted: rgba(90, 31, 18, 0.72);

  /* ============================================================
     Tipografía
     ============================================================ */

  --font-display: 'Archivo',        system-ui, sans-serif;
  --font-heading: 'Archivo',        system-ui, sans-serif;
  --font-serif:   'Fraunces',       Georgia, serif;
  --font-body:    'Inter',          system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;
  --font-ui:      'Inter',          system-ui, sans-serif;

  /* Font size scale (mobile-first, rem) */
  --text-xs:   0.75rem;    /*  12px */
  --text-sm:   0.875rem;   /*  14px */
  --text-base: 1rem;       /*  16px */
  --text-lg:   1.125rem;   /*  18px */
  --text-xl:   1.25rem;    /*  20px */
  --text-2xl:  1.5rem;     /*  24px */
  --text-3xl:  1.875rem;   /*  30px */
  --text-4xl:  2.25rem;    /*  36px */
  --text-5xl:  3rem;       /*  48px */

  /* Line heights */
  --leading-tight:  1.25;
  --leading-snug:   1.375;
  --leading-normal: 1.5;
  --leading-relaxed:1.625;

  /* ============================================================
     Spacing (4px base scale)
     ============================================================ */

  --space-1:  0.25rem;   /*  4px */
  --space-2:  0.5rem;    /*  8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */

  /* ============================================================
     Layout
     ============================================================ */

  --max-width:   1340px;
  --pad-desktop: 56px;
  --pad-mobile:  18px;
  --section-pad: 96px;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 2px rgba(90, 31, 18, 0.08);
  --shadow-md:  0 4px 12px rgba(90, 31, 18, 0.10);
  --shadow-lg:  0 8px 24px rgba(90, 31, 18, 0.12);
  --shadow-xl:  0 16px 48px rgba(90, 31, 18, 0.16);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
}