/* Design tokens extraídos do protótipo.
   Regra de negócio: a paleta de marca (petróleo/teal) não muda entre os temas claro e escuro;
   só os tokens de superfície, texto e fundo mudam. */

:root{
  --petroleo:#002B2C;
  --petroleo-2:#013536;
  --teal:#01B3AC;
  --teal2:#13A79D;
  --teal3:#05B0AB;
  --cinza:#6d7371;
  --cinza-muted:#98a09d;
  --cinzaclaro:#F2F4F3;
  --branco:#FFFFFF;
  --line:#e7ebe9;
  --font-body:'Neo Sans Intel Light', -apple-system, 'Segoe UI Variable Text', 'Segoe UI', 'Inter', Roboto, Helvetica, Arial, sans-serif;
  --font-head:'Neo Sans Intel Medium', -apple-system, 'Segoe UI Variable Display', 'Segoe UI Semibold', 'Segoe UI', 'Inter', Roboto, Helvetica, Arial, sans-serif;
  --shadow-card: 0 1px 2px rgba(0,43,44,.04), 0 10px 28px rgba(0,43,44,.07);
  --shadow-card-hover: 0 2px 4px rgba(0,43,44,.06), 0 16px 36px rgba(0,43,44,.11);
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:11px;

  /* theme-aware roles (light default) — chrome elements like the sidebar,
     hero gradient and table header stay constant and are NOT themed here */
  --bg-page-a:#eaf7f5;
  --bg-page-b:#f6f8f8;
  --surface:#ffffff;
  --surface-2:#F2F4F3;
  --heading:#002B2C;
  --text:#6d7371;
  --text-muted:#98a09d;
  --border:#e7ebe9;
  --header-bg:#ffffff;
}

:root[data-theme="dark"]{
  --bg-page-a:#052625;
  --bg-page-b:#03151a;
  --surface:#0d2827;
  --surface-2:#123736;
  --heading:#eaf7f5;
  --text:#a9c7c3;
  --text-muted:#749793;
  --border:#194240;
  --header-bg:#0a2221;
  --shadow-card: 0 1px 2px rgba(0,0,0,.24), 0 10px 28px rgba(0,0,0,.32);
  --shadow-card-hover: 0 2px 4px rgba(0,0,0,.3), 0 16px 36px rgba(0,0,0,.4);
}