/* Cidade PVC — Color system.
   Base palette lifted verbatim from the site's SCSS variables, then semantic aliases. */

:root {
  --blue-900: #00368A;
  --blue-700: #003694;
  --blue-500: #4380D7;
  --blue-450: #4382E1;
  --blue-300: #90BCFA;
  --blue-200: #BFDAFF;
  --green-500: #82CA51;
  --green-600: #499159;
  --purple-500: #832AD0;
  --ink: #202020;
  --gray-400: #B6B6B6;
  --gray-100: #EFEFEF;
  --white: #FFFFFF;
  --white-a20: rgba(255,255,255,0.2);
  --white-a50: rgba(255,255,255,0.5);
  --white-a70: rgba(255,255,255,0.7);
  --white-a85: rgba(255,255,255,0.85);
  --blue-a30: rgba(67,128,215,0.3);
  --nav-a: rgba(0,53,138,0.46);
  --grad-blue-green: linear-gradient(90deg, #00368A 18.56%, #82CA51 100%);
  --grad-blue-blue: linear-gradient(135deg, #00368A 50%, #4380D7 100.07%);
  --grad-button: linear-gradient(90deg, #4382E1 -50%, #003694 80%);
  --grad-dropdown: linear-gradient(180deg, rgba(67,128,215,0.3) 6%, #4380D7);
  --brand-primary: var(--blue-900);
  --brand-accent: var(--blue-500);
  --brand-eco: var(--green-500);
  --surface-page: var(--gray-100);
  --surface-card: var(--white);
  --surface-brand: var(--blue-900);
  --text-body: var(--ink);
  --text-on-brand: var(--white);
  --text-muted: var(--gray-400);
  --text-eco: var(--green-600);
  --text-link: var(--blue-500);
  --text-link-hover: var(--blue-900);
  --border-subtle: var(--gray-400);
}