/* Informàtica Funcional — color tokens */
:root {
  /* Base palette */
  --if-ink: #0A0A0A;
  --if-paper: #FFFFFF;
  --if-paper-soft: #F7F5F2;
  --if-red: #C8121D;
  --if-red-hover: #A20E17;
  --if-red-tint: #FCE9EA;
  --if-muted: #6B6B6B;
  --if-hairline: #E7E5E1;

  /* Semantic aliases */
  --text-body: var(--if-ink);
  --text-muted: var(--if-muted);
  --text-inverse: var(--if-paper);
  --text-accent: var(--if-red);

  --surface-page: var(--if-paper);
  --surface-alt: var(--if-paper-soft);
  --surface-card: var(--if-paper);
  --surface-impact: var(--if-ink);        /* single dark impact section, max one per page */
  --surface-accent-tint: var(--if-red-tint);

  --border-hairline: var(--if-hairline);
  --border-strong: var(--if-ink);

  --action-primary: var(--if-red);
  --action-primary-hover: var(--if-red-hover);
  --action-primary-text: var(--if-paper);

  --focus-ring: 0 0 0 3px var(--if-red-tint), 0 0 0 4px var(--if-red);
}