:root {
  --ink: #23282B;
  --ink-muted: #4D5559;
  --ground: #F7F7F5;
  --white: #FFFFFF;
  --line: #E3E5DF;

  --magenta: #D40454;
  --blue: #2CACDC;
  --green: #44A42C;
  --orange: #DC840C;

  --icon-magenta: #C30050;
  --green-text: #3A8F25;
  --orange-text: #C26F00;
  --blue-text: #1A8FB8;
  --link: #0B6E94;
  --footer-muted: #5C6468;
  --outline: #6B7378;
  --social-border: #C9CDC6;

  --tint-blue: #BFE5F3;
  --tint-pink: #F5B3CB;
  --tint-green: #C5E4BC;
  --tint-orange: #F8D9A8;
  --tint-grey: #DDE9EE;

  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-text: "Atkinson Hyperlegible", system-ui, sans-serif;

  --container: 1280px;
  --content: 1184px;
  --gutter: clamp(16px, 4vw, 48px);
  --section-y: clamp(48px, 8vw, 80px);
  --radius-card: 24px;
  --radius-project: 28px;
  --radius-hero: 32px;
  --radius-photo: 16px;
  --radius-pill: 999px;
  --tap: 44px;
  --border-w: 1.5px;
}

/* Alto contraste (js/accesibilidad.js) */
:root[data-contrast="high"] {
  --ink: #000000;
  --ink-muted: #000000;
  --ground: #FFFFFF;
  --white: #FFFFFF;
  --line: #000000;
  --magenta: #9E0040;
  --icon-magenta: #9E0040;
  --green-text: #1F6B10;
  --orange-text: #8A4B00;
  --blue-text: #0A5F80;
  --link: #003F5C;
  --footer-muted: #000000;
  --outline: #FFFFFF;
  --social-border: #000000;
  --border-w: 2px;
}