/* =========================================================================
   VARIABLES · Paleta Método Focus, medidas y zonas seguras (notch / home bar)
   Para cambiar un color de marca en toda la app, cámbialo solo aquí.
   ========================================================================= */
:root{
  /* Marca */
  --cream:#F3EAE1;
  --petrol:#172A3A;
  --gold:#C8A45B;
  --sand:#E7DCC8;

  /* Bordes y líneas */
  --card-border:#E1D5C0;
  --divider:#EFE6D8;
  --line-soft:#D6C9B0;

  /* Texto */
  --text-2:#3A4A58;
  --text-3:#5A6873;
  --olive:#7A6A4A;
  --nav-inactive:#7A8590;
  --muted:#9AA5AE;

  /* Estados de margen */
  --green:#3E7A57;
  --amber:#B7791F;
  --red:#B4443C;
  --white:#ffffff;

  /* Layout */
  --maxw:960px;
  --gutter:20px;

  /* Safari iOS / iPadOS: viewport-fit=cover + env() respeta notch, isla y barra de inicio */
  --sa-top:env(safe-area-inset-top,0px);
  --sa-right:env(safe-area-inset-right,0px);
  --sa-bottom:env(safe-area-inset-bottom,0px);
  --sa-left:env(safe-area-inset-left,0px);
  --pad-l:max(var(--gutter),var(--sa-left));
  --pad-r:max(var(--gutter),var(--sa-right));

  /* Tamaño mínimo de zona táctil (guía Apple: 44 pt) */
  --tap:44px;
}