/* Mailfly brand tokens — unica fonte per colori e asset.
   Aggiorna qui, non duplicare HEX in pagine o componenti. */
:root {
  /* Palette ufficiale (logo) */
  --mf-navy: #021234;
  --mf-navy-mid: #132d78;
  --mf-blue: #007cbc;
  --mf-cyan: #069ad6;
  --mf-cyan-tip: #05c0e1;
  --mf-text-on-dark: #afe9f3;
  --mf-text-on-light: #0b1d3a;
  --mf-bg-dark: #00020e;
  --mf-bg-light: #ffffff;
  --mf-gradient: linear-gradient(135deg, #021234 0%, #007cbc 48%, #05c0e1 100%);

  /* Alias UI (console, landing) */
  --navy: var(--mf-navy);
  --navy-mid: var(--mf-navy-mid);
  --primary: var(--mf-blue);
  --cyan: var(--mf-cyan-tip);
  --cyan-bright: var(--mf-cyan);
  --ink: var(--mf-bg-dark);
  --paper: var(--mf-navy);
  --paper-2: #0a1a42;
  --line: var(--mf-navy-mid);
  --cream: var(--mf-text-on-dark);
  --mute: #7eb8c8;
  --mint: var(--mf-cyan-tip);
  --dark-text: var(--mf-text-on-light);
  --amber: #e0a24a;
  --coral: #e06b6b;
  --ok: #6bcb77;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.45);

  /* Percorsi asset */
  --mf-mark: url("/brand/mark.jpg");
  --mf-wordmark-dark: url("/brand/wordmark-dark.jpg");
  --mf-wordmark-light: url("/brand/wordmark-light.jpg");
}