/* LDHS — Design Tokens (única fuente de verdad)
   Sincronizado con los HTML/CSS originales de Claude Design. */
:root {
  /* Marina */
  --navy:   #002646;
  --navy-2: #003a66;
  --navy-3: #00182d;

  /* Verde corporativo */
  --green:   #97c459;
  --green-2: #5e8a2b;
  --green-3: #02570e;

  /* Dorado */
  --gold:   #bf9104;
  --gold-2: #d9a920;

  /* Apoyo */
  --teal:    #1b4965;
  --cream:   #efe6d5;
  --cream-2: #f7f1e3;
  --cream-3: #faf6ec;

  /* Estados */
  --err:    #8b0000;
  --err-bg: #f3dede;

  /* Texto */
  --ink:    #002646;
  --ink-2:  #2c3e50;
  --ink-3:  #666f73;
  --ink-4:  #9aa3a8;

  /* Bordes y fondos */
  --line:   #e6e2d8;
  --line-2: #d4cfc1;
  --bg:     #f4f1ea;

  /* Tipografía */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-serif: 'Fraunces', Georgia, serif;

  /* Bordes redondeados */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;

  /* Sombras */
  --sh-1: 0 1px 0 rgba(0, 38, 70, 0.04), 0 2px 8px rgba(0, 38, 70, 0.04);
  --sh-2: 0 4px 14px -4px rgba(0, 38, 70, 0.18);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--navy);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mono { font-family: var(--font-mono); font-size: .92em; }
.muted { color: var(--ink-3); font-weight: 500; }
img, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--teal); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font: inherit; cursor: pointer; }