:root {
      /* Tema Claro Jurídico: Cinza Executivo, Azul Marinho Real, Preto Ônix e Ouro */
      --bg-app: #eef2f6;
      --bg-surface: #ffffff;
      --bg-subtle: #e2e8f0;
      --text-main: #090d16;
      --text-muted: #475569;
      --border-color: #cbd5e1;
      --law-navy: #142d5e;
      --law-navy-hover: #1e3a8a;
      --law-blue-soft: rgba(20, 45, 94, 0.08);
      --law-gold: #b48327;
      --law-gold-bright: #d4af37;
      --law-gold-soft: rgba(212, 175, 55, 0.14);
      --law-onyx: #090d16;
      --font-legal: 'Merriweather', Georgia, serif;
      --legal-size: 16px;
    }
    body.theme-sepia {
      /* Tema Sépia Clássico: Pergaminho Jurídico, Azul Marinho, Sépia Escuro e Ouro Velho */
      --bg-app: #efe6d5;
      --bg-surface: #faf5eb;
      --bg-subtle: #e4d7c1;
      --text-main: #1c1613;
      --text-muted: #5c4d42;
      --border-color: #d2c2a8;
      --law-navy: #163060;
      --law-navy-hover: #1e3a8a;
      --law-blue-soft: rgba(22, 48, 96, 0.10);
      --law-gold: #9a6b15;
      --law-gold-bright: #c59b27;
      --law-gold-soft: rgba(180, 131, 39, 0.18);
    }
    body.theme-dark {
      /* Tema Escuro Noturno: Preto Ônix, Cinza Chumbo, Azul Real Noturno e Ouro Brilhante */
      --bg-app: #070b12;
      --bg-surface: #0f1623;
      --bg-subtle: #182235;
      --text-main: #f1f5f9;
      --text-muted: #94a3b8;
      --border-color: #233047;
      --law-navy: #1d4ed8;
      --law-navy-hover: #2563eb;
      --law-blue-soft: rgba(37, 99, 235, 0.18);
      --law-gold: #e5b842;
      --law-gold-bright: #f3c663;
      --law-gold-soft: rgba(212, 175, 55, 0.18);
    }
    body {
      background-color: var(--bg-app);
      color: var(--text-main);
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      transition: background-color 0.2s ease, color 0.2s ease;
    }
    .surface-card {
      background-color: var(--bg-surface);
      border-color: var(--border-color);
    }
    .subtle-box {
      background-color: var(--bg-subtle);
      border-color: var(--border-color);
    }
    .legal-header {
      background: linear-gradient(135deg, #070b12 0%, #0f2347 55%, #163264 100%);
      border-bottom: 2px solid #c59b27;
      color: #f8fafc;
    }
    .btn-law-primary {
      background: linear-gradient(135deg, #10254c 0%, #1a3a73 100%);
      color: #ffffff;
      border: 1px solid rgba(212, 175, 55, 0.55);
      box-shadow: 0 1px 3px rgba(9, 13, 22, 0.25);
    }
    .btn-law-primary:hover {
      background: linear-gradient(135deg, #163264 0%, #224a91 100%);
      border-color: #eab308;
    }
    body.theme-dark .btn-law-primary {
      background: linear-gradient(135deg, #163264 0%, #1e40af 100%);
      border-color: rgba(243, 198, 99, 0.65);
    }
    .badge-law-gold {
      background-color: var(--law-gold-soft);
      color: var(--law-gold);
      border: 1px solid rgba(212, 175, 55, 0.45);
    }
    .badge-law-navy {
      background-color: var(--law-blue-soft);
      color: var(--law-navy);
      border: 1px solid rgba(30, 58, 138, 0.3);
    }
    body.theme-dark .badge-law-navy {
      color: #93c5fd;
      border-color: rgba(59, 130, 246, 0.4);
    }
    .art-number-badge {
      background: linear-gradient(135deg, #090d16 0%, #142d5e 100%);
      color: #f8fafc;
      border-left: 3px solid #d4af37;
    }
    body.theme-dark .art-number-badge {
      background: linear-gradient(135deg, #163264 0%, #1e3a8a 100%);
      color: #ffffff;
      border-left: 3px solid #f3c663;
    }
    .legal-text {
      font-family: var(--font-legal);
      font-size: var(--legal-size);
      line-height: 1.8;
    }
    body.font-sans-mode .legal-text {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      line-height: 1.7;
    }
    /* Custom Scrollbar */
    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.5); border-radius: 9999px; }
    ::-webkit-scrollbar-thumb:hover { background: rgba(30, 58, 138, 0.8); }

    /* Highlight markers */
    .hl-yellow { background-color: rgba(253, 224, 71, 0.42); border-left: 3px solid #ca8a04; padding-left: 6px; border-radius: 4px; }
    .hl-green  { background-color: rgba(134, 239, 172, 0.35); border-left: 3px solid #16a34a; padding-left: 6px; border-radius: 4px; }
    .hl-blue   { background-color: rgba(147, 197, 253, 0.38); border-left: 3px solid #1d4ed8; padding-left: 6px; border-radius: 4px; }
    .hl-pink   { background-color: rgba(249, 168, 212, 0.35); border-left: 3px solid #db2777; padding-left: 6px; border-radius: 4px; }
    body.theme-dark .hl-yellow { background-color: rgba(234, 179, 8, 0.22); }
    body.theme-dark .hl-green  { background-color: rgba(34, 197, 94, 0.22); }
    body.theme-dark .hl-blue   { background-color: rgba(59, 130, 246, 0.25); }
    body.theme-dark .hl-pink   { background-color: rgba(236, 72, 153, 0.22); }

    /* Search query match highlight */
    mark.search-hit {
      background-color: #fde047;
      color: #090d16;
      padding: 0 3px;
      border-radius: 3px;
      font-weight: 700;
      border-bottom: 2px solid #b48327;
    }

    /* Inline Remissão Pills */
    .remissao-pill {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-family: 'Inter', sans-serif;
      font-size: 0.76rem;
      font-weight: 600;
      line-height: 1.3;
      padding: 2px 8px;
      border-radius: 9999px;
      cursor: pointer;
      transition: all 0.15s ease;
      vertical-align: baseline;
      margin: 1px 2px;
      text-decoration: none;
      border: 1px solid transparent;
    }
    .remissao-lei {
      background-color: #e8f0fe;
      color: #142d5e;
      border-color: #93c5fd;
    }
    .remissao-lei:hover { background-color: #dbeafe; border-color: #1d4ed8; transform: translateY(-1px); }
    .remissao-cf {
      background-color: #fef9c3;
      color: #854d0e;
      border-color: #eab308;
    }
    .remissao-cf:hover { background-color: #fef08a; transform: translateY(-1px); }
    .remissao-stf {
      background-color: #f1f5f9;
      color: #0f172a;
      border-color: #94a3b8;
    }
    .remissao-stf:hover { background-color: #e2e8f0; border-color: #1e3a8a; transform: translateY(-1px); }
    .remissao-emenda {
      background-color: #eff6ff;
      color: #1e40af;
      border-color: #bfdbfe;
    }
    .remissao-emenda:hover { background-color: #dbeafe; transform: translateY(-1px); }

    body.theme-dark .remissao-lei { background-color: rgba(30, 58, 138, 0.5); color: #bfdbfe; border-color: rgba(96, 165, 250, 0.45); }
    body.theme-dark .remissao-cf { background-color: rgba(161, 98, 7, 0.35); color: #fde047; border-color: rgba(234, 179, 8, 0.45); }
    body.theme-dark .remissao-stf { background-color: rgba(30, 41, 59, 0.8); color: #e2e8f0; border-color: rgba(148, 163, 184, 0.4); }
    body.theme-dark .remissao-emenda { background-color: rgba(23, 37, 84, 0.6); color: #93c5fd; border-color: rgba(59, 130, 246, 0.4); }

    .inline-art-link {
      color: var(--law-navy);
      font-weight: 700;
      text-decoration: underline;
      text-decoration-color: var(--law-gold-bright);
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
      cursor: pointer;
    }
    body.theme-dark .inline-art-link { color: #93c5fd; text-decoration-color: #f3c663; }
    .inline-art-link:hover { opacity: 0.85; }