:root, :root.light {
  --natnt-blue: #087f75;
  --natnt-action: #087f75;
  --font-sans: "Inter", "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --font-body: var(--font-sans);
  --radius: .5rem;
  --background: #ffffff;
  --foreground: #17191d;
  --card: #ffffff;
  --card-foreground: #17191d;
  --popover: #ffffff;
  --popover-foreground: #17191d;
  --primary: #087f75;
  --primary-foreground: #ffffff;
  --secondary: #f2f4f7;
  --secondary-foreground: #353b45;
  --muted: #f5f6f8;
  --muted-foreground: #626873;
  --accent: #edf8f5;
  --accent-foreground: #006457;
  --border: #e3e6eb;
  --input: #d5d9e0;
  --ring: #087f75;
  --success: #16815d;
  --success-foreground: #ffffff;
  --warning: #b77308;
  --destructive: #ce3845;
  --sidebar: #f8f9fb;
  --sidebar-foreground: #363b44;
  --sidebar-primary: #087f75;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e6f4ef;
  --sidebar-accent-foreground: #006457;
  --sidebar-border: #e3e6eb;
  --sidebar-ring: #087f75;
  --chart-1: #087f75;
  --chart-2: #169b85;
  --chart-3: #b17a23;
  --chart-4: #cb536a;
  --chart-5: #747b87;
  --overview-accent-1: #087f75;
  --overview-accent-2: #169b85;
  --overview-accent-3: #b17a23;
}
:root.dark {
  --background: #17191d;
  --foreground: #f1f3f5;
  --card: #202328;
  --card-foreground: #f1f3f5;
  --popover: #25282e;
  --popover-foreground: #f1f3f5;
  --primary: #62d4b8;
  --primary-foreground: #111318;
  --secondary: #2b2e35;
  --secondary-foreground: #e3e7ee;
  --muted: #262930;
  --muted-foreground: #adb3bd;
  --accent: #183b33;
  --accent-foreground: #92e5cf;
  --border: #353940;
  --input: #424750;
  --ring: #62d4b8;
  --sidebar: #1c1f24;
  --sidebar-foreground: #d3d8e0;
  --sidebar-primary: #62d4b8;
  --sidebar-primary-foreground: #111318;
  --sidebar-accent: #20463c;
  --sidebar-accent-foreground: #92e5cf;
  --sidebar-border: #353940;
  --sidebar-ring: #62d4b8;
  --chart-1: #62d4b8;
  --chart-2: #42bfaa;
  --chart-3: #d9aa54;
  --chart-4: #eb8799;
  --chart-5: #a9b0bc;
}
html, body, button, input, select, textarea { letter-spacing: 0; }
body, button, input, select, textarea { font-family: var(--font-body); }
html { accent-color: var(--primary); }
::selection { background: #087f752e; }
[data-slot="card"], [data-slot="dialog-content"], [data-slot="dropdown-menu-content"] { border-radius: 8px; }
img[src*="natnt-mark"], img[src*="natbot-logo"], img[src="/logo.png"] { object-fit: contain; filter: none !important; }
span[aria-label="NATNT"] { display: inline-block; width: 78px; height: 16px; flex-shrink: 0; overflow: hidden; vertical-align: middle; background: url('/brand/natnt-wordmark.svg') center / contain no-repeat; }
span[aria-label="NATNT"] > span { visibility: hidden; }
.dark span[aria-label="NATNT"], footer span[aria-label="NATNT"] { filter: none; }
a:has(img[src*="natnt-mark"]) > h1 { width: 88px; height: 19px; color: transparent; overflow: hidden; background: url('/brand/natnt-wordmark.svg') center / contain no-repeat; }
a:has(img[src*="natnt-mark"]) > h1 > span { color: transparent; }
.dark a:has(img[src*="natnt-mark"]) > h1 { filter: none; }
a:has(> div > img[src*="natnt-mark"]) > span:not([aria-label]) { display: inline-block; flex-shrink: 0; width: 66px; height: 14px; color: transparent; overflow: hidden; background: url('/brand/natnt-wordmark.svg') center / contain no-repeat; }
a:has(> div > img[src*="natnt-mark"]) > span:not([aria-label]) > span { color: transparent; }
.dark a:has(> div > img[src*="natnt-mark"]) > span:not([aria-label]) { filter: none; }
[class*="tracking-tight"], [class*="tracking-wide"], [class*="tracking-wider"] { letter-spacing: 0 !important; }
div[class*="absolute"][class*="blur-3xl"] { display: none !important; }
a, button { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline-color: var(--ring); }
.natnt-preview-notice { position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 9999; max-width: calc(100% - 24px); padding: 7px 13px; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: var(--muted-foreground); box-shadow: 0 2px 12px #0000000c; font: 12px/1.5 system-ui, sans-serif; text-align: center; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

.dark img[src*="natnt-mark"] { filter: none !important; }