/* ============================================================
   APAC Maresme — Design tokens
   Single source of truth for colour, type, spacing, radius,
   shadow and layout. Mirrors design_handoff "Sistema de Disseny".
   ============================================================ */
:root {
	/* ── Brand colours ──────────────────────────────── */
	--c-petroli: #0E5E5A;        /* primary: buttons, links, icons */
	--c-petroli-fosc: #093F3C;   /* headings, dark sections, toolbar */
	--c-terracota: #B24A2C;      /* primary CTA "Fes-te soci/a" */
	--c-terracota-fosc: #7A2E16; /* terracotta text on light tint */
	--c-verd-natura: #356B4E;    /* secondary / success */

	/* ── Ink & surfaces ─────────────────────────────── */
	--c-tinta: #1E2A28;          /* body text, footer bg */
	--c-tinta-suau: #4A5654;     /* secondary text */
	--c-paper: #F7F2EA;          /* page background (never pure white) */
	--c-superficie-2: #FBF7F0;   /* subtle alt surface (header bg) */
	--c-targeta: #FFFFFF;        /* cards */
	--c-vora: #EBE3D6;           /* borders / dividers */
	--c-primari-clar: #DCEDEB;   /* teal chip/badge bg */
	--c-accent-clar: #F3E2D9;    /* terracotta chip/badge bg */

	/* ── Focus & semantics (always paired with an icon) ─ */
	--c-focus: #1665C0;
	--c-success: #356B4E;  --c-success-bg: #E4EFE8;  --c-success-bd: #BCD7C6;  --c-success-ink: #234E39;
	--c-warning: #B5832B;  --c-warning-bg: #FBEAD7;  --c-warning-bd: #E6CBA0;  --c-warning-ink: #7A5A1E;
	--c-error:   #A33D20;  --c-error-bg:   #F3E2D9;  --c-error-bd:   #E0B7A4;  --c-error-ink:   #7A2E16;
	--c-info:    #1665C0;  --c-info-bg:    #E2EAF4;  --c-info-bd:    #AFC4E0;  --c-info-ink:    #234A7A;

	/* ── Footer / dark-section ink ──────────────────── */
	--c-footer-bg: #1E2A28;
	--c-footer-tile: #2C3A37;
	--c-footer-text: #CFE4E1;
	--c-footer-muted: #7FB0AA;
	--c-toolbar-label: #A9D9D4;
	--c-toolbar-border: #2E6B66;
	--c-on-dark-accent: #F2C9B4;

	/* ── Typography ─────────────────────────────────── */
	--font-reading: "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;
	--font-ui: "Lexend", system-ui, -apple-system, sans-serif;
	--font-logo: "Fredoka", var(--font-ui);   /* Honeybutter substitute */
	--font-accent: "Caveat", cursive;          /* Cavolini substitute */

	--fs-h1: 48px;
	--fs-h2: 32px;
	--fs-h2-article: 27px;
	--fs-h3: 23px;
	--fs-lead: 21px;
	--fs-body: 18px;   /* minimum reading size */
	--fs-small: 15px;
	--lh-reading: 1.75;
	--lh-heading: 1.15;

	/* ── Spacing (4px base) ─────────────────────────── */
	--sp-1: 8px;
	--sp-2: 16px;
	--sp-3: 24px;
	--sp-4: 48px;

	/* ── Radius ─────────────────────────────────────── */
	--r-field: 10px;
	--r-btn: 14px;
	--r-card: 18px;
	--r-pill: 999px;

	/* ── Shadow ─────────────────────────────────────── */
	--sh-1: 0 1px 3px rgba(30, 42, 40, .10);
	--sh-2: 0 6px 20px rgba(30, 42, 40, .12);

	/* ── Layout ─────────────────────────────────────── */
	--maxw: 1180px;
	--maxw-article: 760px;
	--hit: 44px;          /* minimum touch target */

	/* ── Accessibility runtime (set by JS / inline restore) ── */
	--apac-scale: 1;      /* reading text scale 0.9–1.4 */
}