/**
 * Òptica Pardo — Design tokens
 * Font de veritat de la identitat visual. Tots els components SDC
 * consumeixen aquestes variables; no hardcodejar colors als components.
 */
:root {
  /* Color de marca (extret del logo) */
  --op-brand: #18B3AD;
  --op-brand-dark: #0E8A85;   /* text turquesa sobre fons clar (contrast AA) */
  --op-brand-light: #E9F8F7;  /* fons suaus de secció */

  /* Neutres */
  --op-ink: #1F2933;          /* text principal */
  --op-ink-soft: #5A6572;     /* text secundari, dates, metadades */
  --op-surface: #FFFFFF;
  --op-surface-alt: #F4F7F7;  /* seccions alternes (substitueix la franja grisa) */
  --op-footer: #22302E;
  --op-footer-text: #dbe4e2;      /* text principal sobre fons fosc */
  --op-footer-text-soft: #b7c4c1; /* text secundari sobre fons fosc */
  --op-footer-text-faint: #8fa09c;/* línia legal */
  --op-brand-on-dark: #8ee1dc;    /* accents turquesa sobre fons fosc */

  /* Funcionals */
  --op-star: #F5A623;
  --op-whatsapp: #25D366;

  /* Tipografia */
  --op-font-display: 'Poppins', sans-serif;
  --op-font-body: 'Inter', sans-serif;
  --op-text-base: 1.06rem;    /* ~17px: públic amb gent gran, cos generós */

  /* Forma */
  --op-radius: 12px;
  --op-shadow: 0 4px 16px rgba(31, 41, 51, .08);
  --op-shadow-hover: 0 10px 28px rgba(31, 41, 51, .14);
  --op-maxw: 1120px;
}