/* Portal CIOP — tokens + tipografia (Inter). Carregar antes de portal-unify.css. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, Helvetica, sans-serif;
  --azul: #06245c;
  --azul-hover: #0b3a8a;
  --laranja: #ff6b00;
  --teal: #0f766e;
  --fundo: #f3f5f9;
  --surface: #ffffff;
  --borda: #e2e8f0;
  --texto: #0f172a;
  --muted: #64748b;
  --radius: 12px;
  --radius-sm: 8px;
  --space: 8px;
  --shadow: 0 10px 28px -18px rgba(15, 23, 42, 0.28);
  --accent-op: var(--azul);
  --accent-dash: var(--laranja);
  --accent-rel: var(--teal);
  --lg-blur: blur(32px) saturate(190%);
  --lg-blur-soft: blur(24px) saturate(175%);
  --lg-fill:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(226, 240, 255, 0.12) 42%, rgba(255, 244, 235, 0.16) 100%);
  --ciop-light-grad: linear-gradient(135deg, #6ea6d4 0%, #b4d4ee 36%, #e4f1fa 72%, #f8fbfe 100%);
  --ciop-light-grad-y: linear-gradient(180deg, #6ea6d4 0%, #b4d4ee 40%, #e4f1fa 76%, #f8fbfe 100%);
  --ciop-light-grad-fx:
    repeating-linear-gradient(-28deg, transparent 0 52px, rgba(6, 36, 92, 0.055) 52px 53px),
    linear-gradient(135deg, #6ea6d4 0%, #b4d4ee 36%, #e4f1fa 72%, #f8fbfe 100%);
  --lg-fill-header: var(--ciop-light-grad-fx);
  --lg-fill-data: var(--ciop-light-grad);
  --lg-border: rgba(255, 255, 255, 0.48);
  --lg-shadow:
    0 16px 40px -24px rgba(6, 36, 92, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    inset 0 -1px 0 rgba(6, 36, 92, 0.05);
}

html.dk-dark {
  --fundo: #12151a;
  --surface: #1a1e24;
  --borda: rgba(168, 178, 188, 0.28);
  --texto: #f4f6f8;
  --muted: #c5ced8;
  --shadow: 0 10px 28px -16px rgba(0, 0, 0, 0.45);
  --lg-fill:
    linear-gradient(135deg, rgba(56, 189, 248, 0.10) 0%, rgba(20, 24, 32, 0.28) 46%, rgba(255, 107, 0, 0.08) 100%);
  --lg-fill-header:
    radial-gradient(120% 160% at 92% 0%, #3d6aa8 0%, transparent 46%),
    linear-gradient(135deg, #0b1628 0%, #152a4a 52%, #1c3d66 100%);
  --lg-fill-data:
    radial-gradient(120% 160% at 92% 0%, #3d6aa8 0%, transparent 46%),
    linear-gradient(135deg, #0b1628 0%, #152a4a 52%, #1c3d66 100%);
  --lg-border: rgba(186, 210, 230, 0.28);
  --lg-shadow:
    0 16px 40px -22px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

html,
body {
  font-family: var(--font);
  color: var(--texto);
}

button,
input,
select,
textarea,
.btn,
.btn-portal,
.btn-small,
.filter-select,
.ciop-search-input {
  font-family: inherit;
}