:root {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --color-red-400: #ff6568;
  --color-red-600: #e40014;
  --color-red-700: #bf000f;
  --color-amber-400: #fcbb00;
  --color-amber-700: #b75000;
  --color-green-400: #05df72;
  --color-green-600: #00a544;
  --color-green-700: #008138;
  --color-emerald-400: #00d294;
  --color-sky-400: #00bcfe;
  --color-blue-400: #54a2ff;
  --color-blue-600: #155dfc;
  --color-blue-700: #1447e6;
  --color-purple-400: #c07eff;
  --color-purple-500: #ac4bff;
  --color-pink-400: #fb64b6;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a1a1a1;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
  --color-black: #000;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --animate-spin: spin 1s linear infinite;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --navbar-height: 4rem;
  --sidebar-width: 18rem;

  --fd-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  --tw-text-opacity: 1;
  --primary: var(--color-neutral-700);
  --secondary: var(--color-neutral-50);
  --destructive: var(--color-red-600);
  --destructive-foreground: var(--color-neutral-200);
}

[data-theme$="dark"] {
  color-scheme: dark;
  --background: var(--color-neutral-950);
  --foreground: var(--color-neutral-50);
  --foreground-muted: var(--color-neutral-300);
  --foreground-faint: var(--color-neutral-400);
  --card: var(--color-neutral-900);
  --card-surface: var(--color-neutral-800);
  --popover: var(--color-neutral-100);
  --primary: var(--color-neutral-700);
  --secondary: var(--color-neutral-50);
  --success: var(--color-green-400);
  --info: var(--color-blue-400);
  --warning: var(--color-amber-400);
  --destructive: var(--color-red-400);
  --destructive-foreground: var(--color-neutral-950);
  --border: var(--color-neutral-800);
  --ring: var(--color-neutral-500);
  --code-foreground: var(--color-neutral-100);
  --code-token-comment: var(--color-neutral-500);
  --code-token-constant: var(--color-blue-400);
  --code-token-keyword: var(--color-pink-400);
  --code-token-string: var(--color-sky-400);
  --code-token-function: var(--color-purple-400);
  --code-token-parameter: var(--color-neutral-100);
  --code-token-string-expression: var(--color-emerald-400);
  --code-token-punctuation: var(--color-neutral-100);
  --code-token-link: var(--color-blue-400);
  --fd-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  --tw-text-opacity: 0.87;
}