:root {
  --bg: #eef1f5;
  --card: #ffffff;
  --surface-soft: #fafbfc;
  --ink: #16233f;
  --ink-soft: #58698c;
  /* Marca: navy sòlid, només per a la insígnia "UAUU" i el stub del
     bitllet — mai s'ha d'adaptar. */
  --brand: #16233f;
  --action: var(--brand);
  --action-hover: #223258;
  --border: #d7dee8;
  --input-border: #ccc;
  --bg-glow: #e5eaf1;
  --accent: #e3a008;
  --accent-ink: #7a5200;
  --success: #2c7a7b;
  --success-bg: #e4f2f1;
  --danger: #c0392b;
  --danger-hover: #a53225;
  --danger-bg: #fbeae8;
  --priority-baixa: var(--success);
  --priority-mitjana: #ca8a04;
  --priority-alta: #ea580c;
  --priority-critica: #b91c1c;
  /* Panell secundari (stub del bitllet, botons "tickets-link"/"secondary"):
     mateix blau fosc que --brand però amb el seu propi token per poder-lo
     ajustar sense afectar la insígnia de marca. */
  --brand-panel: #384562;
  --stub-ink: #f2f5fa;
  --stub-ink-soft: #9fb0d1;
  --status-no-comencat-bg: #eef0f3;
  --status-no-comencat-ink: #4b5563;
  --status-comencat-bg: #e3edfd;
  --status-comencat-ink: #1d4ed8;
  --status-en-espera-bg: #fbedd6;
  --status-en-espera-ink: #b45309;
  --status-acabat-bg: #e0f5e6;
  --status-acabat-ink: #15803d;
  --status-cancelat-bg: #fbe4e4;
  --status-cancelat-ink: #b91c1c;
  --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;
  --font-ui: 'Inter', system-ui, 'Segoe UI', sans-serif;
  --radius: 14px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 10%, var(--bg-glow) 0%, transparent 45%),
    var(--bg);
  font-family: var(--font-ui);
  color: var(--ink);
  padding: 48px 20px 80px;
}

body.no-scroll { overflow: hidden; }