/* iDBSistemas — tema claro (névoa) sobre os tokens Nocturne; rampas invertidas para fundo claro */
    :root {
      --color-bg: #f2f5f3; --color-surface: #fbfcfb; --color-text: #26262b;
      --color-accent: #3e8a72; --color-accent-2: #3e8a72;
      --color-divider: color-mix(in srgb, #26262b 16%, transparent);
      --color-neutral-100: #1c2e31; --color-neutral-200: #2c4145; --color-neutral-300: #42565a;
      --color-neutral-400: #5d7073; --color-neutral-500: #7d8f8f; --color-neutral-600: #a3b2b0;
      --color-neutral-700: #c4cfcc; --color-neutral-800: #dde4e1; --color-neutral-900: #e8ece9;
      --color-accent-100: #122b23; --color-accent-200: #1d4237; --color-accent-300: #255043;
      --color-accent-400: #2f6c58; --color-accent-500: #3e8a72; --color-accent-600: #57a189;
      --color-accent-700: #7fb8a4; --color-accent-800: #cfe4dc; --color-accent-900: #e0eee8;
      --color-accent-2-100: #122b23; --color-accent-2-200: #1d4237; --color-accent-2-300: #255043;
      --color-accent-2-400: #2f6c58; --color-accent-2-500: #3e8a72; --color-accent-2-600: #57a189;
      --color-accent-2-700: #7fb8a4; --color-accent-2-800: #cfe4dc; --color-accent-2-900: #e0eee8;
      --font-heading: 'Manrope', sans-serif; --font-heading-weight: 600;
      --font-body: 'IBM Plex Sans', sans-serif;
      --shadow-sm: 0 0 0 1px #dde4e1;
      --shadow-md: 0 0 0 1px #dde4e1, 0 4px 14px rgba(23,50,55,0.12);
      --shadow-lg: 0 0 0 1px #c4cfcc, 0 14px 34px rgba(23,50,55,0.18);
    }
    body { margin: 0; background: #dfe6e2; }
    a { color: var(--color-accent-300); text-decoration: none; }
    a:hover { color: var(--color-accent-200); }