/* Pontua Ponto Remoto — shared tokens & base */

:root {
  /* Brand */
  --navy: #081A4F;
  --navy-hover: #0C2670;
  --red: #FF0500;
  --red-dark: #E60000;

  /* Neutrals (slate) */
  --slate-50:#F8FAFC;
  --slate-100:#F1F5F9;
  --slate-200:#E2E8F0;
  --slate-300:#CBD5E1;
  --slate-400:#94A3B8;
  --slate-500:#64748B;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1E293B;
  --slate-900:#0F172A;

  /* Semantic */
  --success:#008A2E;
  --success-bg:#ECFDF2;
  --info:#0081DA;
  --info-bg:#F0F8FF;
  --warning:#DC7609;
  --warning-bg:#FFFCF0;
  --error:#E60000;
  --error-bg:#FFF1F1;

  /* Chart */
  --c1:#081A4F; --c2:#0081DA; --c3:#FF0500; --c4:#DC7609; --c5:#008A2E;

  /* Radii */
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:24px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15,42,81,0.04);
  --shadow-sm: 0 1px 3px rgba(15,42,81,0.08);
  --shadow-md: 0 8px 14px rgba(15,42,81,0.08);
  --shadow-lg: 0 20px 32px rgba(15,42,81,0.10);
  --shadow-sidebar: 6px 0 18px rgba(0,0,0,0.04);

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-med: 400ms;
}

* { box-sizing: border-box; }