:root{
  /* Base — deep navy (brand base, from REFERENCIAL PALETA DE COR + navy scrubs) */
  --navy-950:#040914;
  --navy-900:#050B1C;
  --navy-800:#0A1330;
  --navy-700:#0F1D46;
  --navy-600:#16295C;
  --navy-500:#1E3878;

  /* Accent — signal blue (headline highlight, links, CTAs) */
  --blue-600:#1B54DE;
  --blue-500:#2B6BF5;
  --blue-400:#4C86FF;
  --blue-300:#7FA9FF;
  --blue-100:#D7E4FF;

  /* Ink — near-black of the app icon */
  --ink-900:#0D0F12;
  --ink-800:#16191E;
  --ink-700:#22262E;

  /* Light side */
  --white:#FFFFFF;
  --paper-50:#F7F8FA;
  --paper-100:#EFF1F5;
  --paper-200:#E1E5EC;
  --paper-300:#C9D0DB;

  /* Neutral text greys */
  --gray-600:#5C6675;
  --gray-500:#7A8699;
  --gray-400:#9AA5B4;

  /* Semantic support */
  --mint-400:#7EE0A8;
  --mint-600:#2E9D67;
  --amber-400:#F5C25B;
  --red-500:#E2544C;

  /* ---- Semantic aliases ---- */
  --bg-dark:var(--navy-900);
  --bg-dark-elevated:var(--navy-800);
  --bg-light:var(--white);
  --bg-light-muted:var(--paper-50);

  --surface-card-dark:var(--navy-800);
  --surface-card-light:var(--white);
  --surface-inset-dark:rgba(255,255,255,.06);
  --surface-inset-light:var(--paper-100);

  --text-on-dark:var(--white);
  --text-on-dark-muted:rgba(255,255,255,.66);
  --text-on-dark-faint:rgba(255,255,255,.42);
  --text-on-light:var(--navy-900);
  --text-on-light-muted:var(--gray-600);

  --accent:var(--blue-500);
  --accent-hover:var(--blue-400);
  --accent-press:var(--blue-600);
  --accent-on-dark:var(--blue-400);
  --accent-on-light:var(--blue-600);

  --border-dark:rgba(255,255,255,.12);
  --border-dark-strong:rgba(255,255,255,.24);
  --border-light:var(--paper-200);
  --border-light-strong:var(--paper-300);

  --focus-ring:var(--blue-400);
  --positive:var(--mint-600);
  --positive-on-dark:var(--mint-400);
  --warning:var(--amber-400);
  --danger:var(--red-500);

  /* Signature gradients: navy vignette used behind story/reel content */
  --grad-navy:radial-gradient(120% 80% at 50% 0%,var(--navy-700) 0%,var(--navy-900) 55%,var(--navy-950) 100%); /* @kind color */
  --grad-protect-bottom:linear-gradient(to top,rgba(4,9,20,.92) 0%,rgba(4,9,20,.62) 38%,rgba(4,9,20,0) 100%); /* @kind color */
  --grad-protect-top:linear-gradient(to bottom,rgba(4,9,20,.78) 0%,rgba(4,9,20,0) 100%); /* @kind color */
}