:root {
  --verdi-green-bright: #4BCD5D;
  --verdi-green:        #35C96B;
  --verdi-green-teal:   #2CC87C;
  --verdi-green-deep:   #1FA35F;
  --verdi-gradient: linear-gradient(150deg, #4BCD5D 0%, #2CC87C 100%);
  --verdi-navy:      #0A1330;
  --verdi-gray-50:   #F6F8FB;
  --verdi-gray-200:  #E2E7F0;
  --surface-canvas:  var(--verdi-gray-50);
  --surface-navy:    var(--verdi-navy);
  --text-heading:    var(--verdi-navy);
  --border-subtle:   var(--verdi-gray-200);
  --font-sans: "Concord", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fw-thin: 100; --fw-extralight: 200; --fw-light: 300;
  --fw-regular: 400; --fw-medium: 500; --fw-bold: 700; --fw-extrabold: 800;
  --fs-h1: 28px; --fs-h2: 22px; --fs-h3: 18px;
  --fs-body: 15px; --fs-caption: 12px;
  --lh-normal: 1.5; --tracking-tight: -0.02em;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --radius-xl: 20px; --radius-2xl: 28px; --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(10, 19, 48, 0.06);
  --shadow-sm: 0 1px 3px rgba(10, 19, 48, 0.08), 0 1px 2px rgba(10, 19, 48, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 19, 48, 0.08);
  --shadow-lg: 0 12px 32px rgba(10, 19, 48, 0.10);
  --sidebar-w: 248px; --topbar-h: 64px;
}

/* Dark mode: sobrescreve tokens estáticos que são light-mode-only */
[data-theme="dark"] {
  --surface-canvas: var(--content-bg);
  --text-heading:   var(--text-primary);
  --border-subtle:  var(--border-color);
}

@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-ExtraLight.otf') format('opentype'); font-weight: 200; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-Light.otf') format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; }
@font-face { font-family: "Concord"; src: url('/static/fonts/Concord-ExtraBold.otf') format('opentype'); font-weight: 800; font-style: normal; }