/* GERADO por ferramentas/tokens_do_design.py a partir de design/tokens-quadro.css
   (quadro "Painel P2M — Telas"). Não edite aqui: atualize o quadro e rode de novo. */
:root[data-tema="claro"] {
  --teal-50: #e8f8f6;
  --teal-100: #c8eee9;
  --teal-200: #93ddd5;
  --teal-300: #5ccdc3;
  --teal-400: #2dbfb4;
  --teal-500: #00bfb4;
  --teal-600: #17867e;
  --teal-700: #136963;
  --teal-800: #104846;
  --teal-900: #0a2f2f;
  --navy-500: #2a5f73;
  --navy-600: #164a5f;
  --navy-700: #0a3a4e;
  --navy-800: #002c3d;
  --navy-900: #002230;
  --navy-950: #001a26;
  --graphite-50: #f3f5f6;
  --graphite-100: #e6eaec;
  --graphite-200: #d3d9dc;
  --graphite-300: #aab2b7;
  --graphite-400: #80898e;
  --graphite-500: #5b6368;
  --graphite-600: #4a5055;
  --graphite-700: #3a3f43;
  --graphite-800: #2a2e31;
  --graphite-900: #1c1f21;
  --silver-100: #f4f4f5;
  --silver-700: #4b4f53;
  --lime-200: #e9fbb3;
  --lime-400: #c4f03c;
  --lime-700: #4f6b00;
  --canvas: var(--graphite-50);
  --surface: #ffffff;
  --surface-2: var(--graphite-100);
  --line: var(--graphite-200);
  --ink: var(--graphite-900);
  --ink-soft: var(--graphite-700);
  --ink-muted: var(--graphite-500);
  --accent: var(--teal-400);
  --accent-soft: var(--teal-50);
  --accent-strong: var(--teal-200);
  --on-accent: var(--teal-900);
  --accent-ink: var(--teal-700);
  --inverse: var(--graphite-700);
  --on-inverse: #ffffff;
  --on-inverse-muted: #d3d9dc;
  --panel: var(--navy-800);
  --panel-row: var(--navy-700);
  --panel-line: var(--navy-600);
  --on-panel: #ffffff;
  --panel-muted: #b4c7cf;
  --row-selected: var(--teal-400);
  --on-row-selected: var(--teal-900);
  --badge-bg: var(--navy-600);
  --badge-ink: #d7e3e8;
  --detail: #0e625d;
  --detail-tile: rgba(255,255,255,0.10);
  --detail-line: rgba(255,255,255,0.28);
  --on-detail: #ffffff;
  --on-detail-muted: var(--teal-50);
  --detail-cta: var(--highlight);
  --on-detail-cta: var(--on-highlight);
  --glass: rgba(255,255,255,0.62);
  --glass-strong: rgba(255,255,255,0.82);
  --glass-line: rgba(255,255,255,0.90);
  --glass-tint: rgba(255,255,255,0.06);
  --field: #ffffff;
  --field-line: var(--graphite-200);
  --danger: #e5484d;
  --danger-ink: #c62f35;
  --danger-soft: #fde8e9;
  --info: #2a7de1;
  --info-ink: #1d64bb;
  --info-soft: #e4effc;
  --success: #2f9e44;
  --success-soft: #e5f6e8;
  --highlight: var(--lime-400);
  --on-highlight: var(--teal-900);
  --highlight-soft: var(--lime-200);
  --highlight-ink: var(--lime-700);
  --chart-peak: var(--teal-800);
  --focus: var(--teal-700);
  --avatar-1: var(--teal-100);
  --avatar-2: #d6e4ea;
  --avatar-3: #f6dcc8;
  --avatar-4: #e2e6e8;
  --avatar-ink: var(--graphite-800);
  --funnel-bg: var(--navy-800);
  --funnel-divider: var(--navy-950);
  --funnel-halo-1: #0b4555;
  --funnel-halo-2: #063747;
  --funnel-1: var(--teal-500);
  --funnel-2: #3ccbc1;
  --funnel-3: #7fdad2;
  --funnel-4: #bfece8;
  --funnel-ink: #ffffff;
  --funnel-muted: #93b3bf;
  --funnel-delta: #ff8587;
  --shadow-card: 0 1px 2px rgba(20,22,40,0.04), 0 10px 30px rgba(20,22,40,0.06);
  --shadow-float: 0 12px 40px rgba(27,30,46,0.16);
  --shadow-glass: 0 1px 0 rgba(255,255,255,0.9) inset, 0 12px 40px rgba(0,44,61,0.08);
  --shadow-glow-accent: 0 8px 24px rgba(45,191,180,0.35);
  --shadow-glow-highlight: 0 8px 24px rgba(196,240,60,0.30);
}
:root {
  --teal-50: #e8f8f6;
  --teal-100: #c8eee9;
  --teal-200: #93ddd5;
  --teal-300: #5ccdc3;
  --teal-400: #2dbfb4;
  --teal-500: #00bfb4;
  --teal-600: #17867e;
  --teal-700: #136963;
  --teal-800: #104846;
  --teal-900: #0a2f2f;
  --navy-500: #2a5f73;
  --navy-600: #164a5f;
  --navy-700: #0a3a4e;
  --navy-800: #002c3d;
  --navy-900: #002230;
  --navy-950: #001a26;
  --graphite-50: #f3f5f6;
  --graphite-100: #e6eaec;
  --graphite-200: #d3d9dc;
  --graphite-300: #aab2b7;
  --graphite-400: #80898e;
  --graphite-500: #5b6368;
  --graphite-600: #4a5055;
  --graphite-700: #3a3f43;
  --graphite-800: #2a2e31;
  --graphite-900: #1c1f21;
  --silver-100: #f4f4f5;
  --silver-700: #4b4f53;
  --lime-200: #e9fbb3;
  --lime-400: #c4f03c;
  --lime-700: #4f6b00;
  --canvas: var(--navy-900);
  --surface: var(--navy-800);
  --surface-2: var(--navy-700);
  --line: var(--navy-600);
  --ink: #f2f6f7;
  --ink-soft: #c9d4d9;
  --ink-muted: #93a8b2;
  --accent: var(--teal-400);
  --accent-soft: #0b3f47;
  --accent-strong: #17635f;
  --on-accent: var(--teal-900);
  --accent-ink: var(--teal-400);
  --inverse: #ffffff;
  --on-inverse: var(--graphite-900);
  --on-inverse-muted: var(--graphite-600);
  --panel: #ffffff;
  --panel-row: var(--graphite-50);
  --panel-line: var(--graphite-200);
  --on-panel: var(--graphite-900);
  --panel-muted: var(--graphite-500);
  --row-selected: var(--navy-800);
  --on-row-selected: #ffffff;
  --badge-bg: var(--graphite-100);
  --badge-ink: var(--graphite-700);
  --detail: var(--navy-800);
  --detail-tile: var(--navy-700);
  --detail-line: var(--navy-500);
  --on-detail: #ffffff;
  --on-detail-muted: #a9bcc5;
  --detail-cta: var(--highlight);
  --on-detail-cta: var(--on-highlight);
  --glass: rgba(0,44,61,0.55);
  --glass-strong: rgba(10,58,78,0.72);
  --glass-line: rgba(255,255,255,0.08);
  --glass-tint: rgba(0,44,61,0.04);
  --field: var(--navy-800);
  --field-line: var(--navy-600);
  --danger: #ff6b6e;
  --danger-ink: #ff8587;
  --danger-soft: #3d1b26;
  --info: #6cb4ff;
  --info-ink: #7cbcff;
  --info-soft: #0d3352;
  --success: #69db7c;
  --success-soft: #123b26;
  --highlight: var(--lime-400);
  --on-highlight: var(--teal-900);
  --highlight-soft: #2a3a14;
  --highlight-ink: var(--lime-400);
  --chart-peak: var(--lime-400);
  --focus: var(--teal-400);
  --avatar-1: var(--teal-100);
  --avatar-2: #d6e4ea;
  --avatar-3: #f6dcc8;
  --avatar-4: #e2e6e8;
  --avatar-ink: var(--graphite-800);
  --funnel-bg: var(--navy-800);
  --funnel-divider: var(--navy-950);
  --funnel-halo-1: #0b4555;
  --funnel-halo-2: #063747;
  --funnel-1: var(--teal-500);
  --funnel-2: #3ccbc1;
  --funnel-3: #7fdad2;
  --funnel-4: #bfece8;
  --funnel-ink: #ffffff;
  --funnel-muted: #93b3bf;
  --funnel-delta: #ff8587;
  --shadow-card: 0 1px 0 rgba(255,255,255,0.03) inset, 0 12px 32px rgba(0,0,0,0.30);
  --shadow-float: 0 16px 48px rgba(0,0,0,0.5);
  --shadow-glass: 0 1px 0 rgba(255,255,255,0.06) inset, 0 16px 48px rgba(0,0,0,0.35);
  --shadow-glow-accent: 0 8px 24px rgba(45,191,180,0.35);
  --shadow-glow-highlight: 0 8px 24px rgba(196,240,60,0.30);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 999px;
  --gradient-brand: linear-gradient(90deg, #2dbfb4 0%, #0a2f2f 100%);
  --gradient-brand-diagonal: linear-gradient(225deg, #2dbfb4 0%, #104846 55%, #0a2f2f 100%);
  --gradient-silver: linear-gradient(225deg, #f4f4f5 0%, #4b4f53 100%);
  --gradient-detail: linear-gradient(135deg, #0f6c66 0%, #0c5a56 50%, #0a3f3d 100%);
  --gradient-primary: linear-gradient(135deg, #3fd1c5 0%, #2dbfb4 45%, #1fa69c 100%);
  --gradient-highlight: linear-gradient(135deg, #d6f86a 0%, #c4f03c 50%, #a9db1f 100%);
  --gradient-inverse: linear-gradient(180deg, #454b50 0%, #2a2e31 100%);
  --gradient-inverse-dark: linear-gradient(180deg, #ffffff 0%, #e9eef0 100%);
  --gradient-panel: linear-gradient(160deg, #003a50 0%, #002c3d 45%, #001f2c 100%);
  --gradient-panel-dark: linear-gradient(160deg, #ffffff 0%, #eef2f3 100%);
  --gradient-detail-dark: linear-gradient(145deg, #0a3a4e 0%, #002c3d 55%, #00222f 100%);
  --gradient-bar: linear-gradient(180deg, #3fd1c5 0%, #1fa69c 100%);
  --gradient-sheen: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 55%);
  --glow-teal: radial-gradient(55% 45% at 0% 0%, rgba(45,191,180,0.18) 0%, rgba(45,191,180,0) 70%);
  --glow-lime: radial-gradient(45% 40% at 100% 0%, rgba(196,240,60,0.12) 0%, rgba(196,240,60,0) 70%);
  --glow-teal-dark: radial-gradient(55% 45% at 0% 0%, rgba(45,191,180,0.22) 0%, rgba(45,191,180,0) 70%);
  --glow-lime-dark: radial-gradient(45% 40% at 100% 0%, rgba(196,240,60,0.08) 0%, rgba(196,240,60,0) 70%);
  --glow-panel: radial-gradient(45% 70% at 100% 0%, rgba(45,191,180,0.12) 0%, rgba(45,191,180,0) 70%);
  --blur-glass: 18px;
  --blur-soft: 8px;
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}