/* ==========================================================================
   Tokens de design "Sense" — casco cinza (Pantone 17-5104 Ultimate Gray),
   mar verde-azulado, teca, pincelada branca. Tema claro (padrão) e escuro
   ("casco à noite") via prefers-color-scheme.
   ========================================================================== */
:root, [data-theme=light], :root:not([data-theme=dark]) {
  --hull-900: #23262A; --hull-700: #4B4F54; --hull-500: #939597; --hull-300: #B8BABD; --hull-200: #D9DADC; --hull-50: #F4F5F5;
  --sea-700: #0F6F73; --sea-500: #1F9A9B; --sea-100: #D9F0EE;
  --teak-700: #8A5A2B; --teak-100: #F4EADD; --sand: #FBF6EC;
  --white: #FFFFFF;
  --ok: #1B7F4C; --ok-bg: #E7F4EC;
  --warn: #B45309; --warn-bg: #FBEEDF;
  --due: #B42318; --due-bg: #FBE9E7;
  --credit: var(--sea-700); --credit-bg: var(--sea-100);
  --nodata: var(--hull-700); --nodata-bg: var(--hull-50);

  --bg: var(--hull-50); --surface: var(--white); --text: var(--hull-900); --text-2: var(--hull-700); --line: var(--hull-200);
  --topbar: var(--hull-500); --topbar-text: #fff; --login-card: rgba(255,255,255,.96);
  --chip-active: var(--hull-900); --chip-active-text: #fff;
  --msg-neutral: #4B4F54; --msg-ok: #1B7F4C; --msg-due: #B42318; --msg-info: #0F6F73;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r: 12px; --tap: 48px;

  /* Pico */
  --pico-font-family: var(--font);
  --pico-font-size: 106%;
  --pico-line-height: 1.45;
  --pico-primary: var(--sea-700); --pico-primary-background: var(--sea-700); --pico-primary-border: var(--sea-700);
  --pico-primary-hover: var(--sea-500); --pico-primary-hover-background: var(--sea-500); --pico-primary-hover-border: var(--sea-500);
  --pico-primary-underline: var(--sea-700); --pico-primary-focus: rgba(15, 111, 115, .3); --pico-primary-inverse: #fff;
  --pico-secondary: var(--hull-700); --pico-secondary-background: var(--hull-700); --pico-secondary-border: var(--hull-700);
  --pico-secondary-hover: var(--hull-900); --pico-secondary-hover-background: var(--hull-900); --pico-secondary-hover-border: var(--hull-900);
  --pico-secondary-inverse: #fff; --pico-secondary-focus: rgba(75,79,84,.3);
  --pico-contrast: var(--hull-900); --pico-contrast-background: var(--hull-900); --pico-contrast-border: var(--hull-900);
  --pico-background-color: var(--bg); --pico-color: var(--text); --pico-muted-color: var(--text-2); --pico-muted-border-color: var(--line);
  --pico-card-background-color: var(--surface); --pico-card-border-color: var(--line); --pico-card-box-shadow: none;
  --pico-border-radius: var(--r);
  --pico-form-element-border-color: var(--hull-300); --pico-form-element-active-border-color: var(--sea-700); --pico-form-element-focus-color: rgba(15, 111, 115, .25);
  --pico-h2-color: var(--text); --pico-h3-color: var(--text); --pico-h4-color: var(--text);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #1B1E21; --surface: #25292E; --text: #F4F5F5; --text-2: #B8BABD; --line: #3A3F45;
    --hull-50: #25292E; --hull-200: #3A3F45; --hull-300: #5A5F66;
    --sea-700: #4FBFBC; --sea-500: #3AA6A4; --sea-100: #12383A;
    --teak-700: #D9A66B; --teak-100: #3A2E22; --sand: #2E2A22;
    --ok: #5CCB8A; --ok-bg: #12301F; --warn: #F2A950; --warn-bg: #3A2A12; --due: #F07B70; --due-bg: #3C1C19;
    --nodata: #B8BABD; --nodata-bg: #2C3035;
    --topbar: #4B4F54; --login-card: rgba(37,41,46,.96);
    --chip-active: #ECEDEE; --chip-active-text: #1B1E21;
    --msg-neutral: #4B4F54; --msg-ok: #1B7F4C; --msg-due: #B42318; --msg-info: #0F6F73;
    --pico-primary: var(--sea-700); --pico-primary-background: var(--sea-700); --pico-primary-border: var(--sea-700);
    --pico-primary-hover: var(--sea-500); --pico-primary-hover-background: var(--sea-500); --pico-primary-hover-border: var(--sea-500);
    --pico-primary-inverse: #1B1E21; --pico-primary-underline: var(--sea-700);
    --pico-background-color: var(--bg); --pico-color: var(--text); --pico-muted-color: var(--text-2); --pico-muted-border-color: var(--line);
    --pico-card-background-color: var(--surface); --pico-card-border-color: var(--line);
    --pico-form-element-background-color: #1B1E21; --pico-form-element-border-color: #5A5F66; --pico-form-element-color: var(--text);
    --pico-contrast: #F4F5F5; --pico-contrast-background: #F4F5F5; --pico-contrast-border: #F4F5F5; --pico-contrast-inverse: #1B1E21;
    --pico-secondary: #B8BABD; --pico-secondary-background: #5A5F66; --pico-secondary-border: #5A5F66;
    --pico-secondary-hover: #F4F5F5; --pico-secondary-hover-background: #6B7078; --pico-secondary-hover-border: #8A8F96;
    --pico-secondary-inverse: #F4F5F5; --pico-secondary-focus: rgba(184,186,189,.3);
    --pico-contrast-hover: #fff; --pico-contrast-hover-background: #fff; --pico-contrast-hover-border: #fff;
    --pico-h2-color: var(--text); --pico-h3-color: var(--text); --pico-h4-color: var(--text);
  }
}

/* Escolha manual do usuário (Mais → Tema): escuro mesmo com o sistema claro */
:root[data-theme=dark] {
    --bg: #1B1E21; --surface: #25292E; --text: #F4F5F5; --text-2: #B8BABD; --line: #3A3F45;
    --hull-50: #25292E; --hull-200: #3A3F45; --hull-300: #5A5F66;
    --sea-700: #4FBFBC; --sea-500: #3AA6A4; --sea-100: #12383A;
    --teak-700: #D9A66B; --teak-100: #3A2E22; --sand: #2E2A22;
    --ok: #5CCB8A; --ok-bg: #12301F; --warn: #F2A950; --warn-bg: #3A2A12; --due: #F07B70; --due-bg: #3C1C19;
    --nodata: #B8BABD; --nodata-bg: #2C3035;
    --topbar: #4B4F54; --login-card: rgba(37,41,46,.96);
    --chip-active: #ECEDEE; --chip-active-text: #1B1E21;
    --msg-neutral: #4B4F54; --msg-ok: #1B7F4C; --msg-due: #B42318; --msg-info: #0F6F73;
    --pico-primary: var(--sea-700); --pico-primary-background: var(--sea-700); --pico-primary-border: var(--sea-700);
    --pico-primary-hover: var(--sea-500); --pico-primary-hover-background: var(--sea-500); --pico-primary-hover-border: var(--sea-500);
    --pico-primary-inverse: #1B1E21; --pico-primary-underline: var(--sea-700);
    --pico-background-color: var(--bg); --pico-color: var(--text); --pico-muted-color: var(--text-2); --pico-muted-border-color: var(--line);
    --pico-card-background-color: var(--surface); --pico-card-border-color: var(--line);
    --pico-form-element-background-color: #1B1E21; --pico-form-element-border-color: #5A5F66; --pico-form-element-color: var(--text);
    --pico-contrast: #F4F5F5; --pico-contrast-background: #F4F5F5; --pico-contrast-border: #F4F5F5; --pico-contrast-inverse: #1B1E21;
    --pico-secondary: #B8BABD; --pico-secondary-background: #5A5F66; --pico-secondary-border: #5A5F66;
    --pico-secondary-hover: #F4F5F5; --pico-secondary-hover-background: #6B7078; --pico-secondary-hover-border: #8A8F96;
    --pico-secondary-inverse: #F4F5F5; --pico-secondary-focus: rgba(184,186,189,.3);
    --pico-contrast-hover: #fff; --pico-contrast-hover-background: #fff; --pico-contrast-hover-border: #fff;
    --pico-h2-color: var(--text); --pico-h3-color: var(--text); --pico-h4-color: var(--text);
  }