:root { --font-base: "Inter Tight", ui-sans-serif, system-ui, sans-serif; --font-sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif; /* Deprecated: use --font-base. */ --font-sans-2: "Inter Tight", ui-sans-serif, system-ui, sans-serif; /* Deprecated: use --font-base. */ --font-highlight: "Inter Tight", ui-sans-serif, system-ui, sans-serif; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --radius: 0.625rem; --text-xxs: 0.625rem; --text-xxs--line-height: calc(1 / 0.625); --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); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; /* Letter spacing (tracking) – valores em em; tabela: tighter xs -0.6, tighter -0.4, tight 0, normal 0.6, wide 0.8, wider 1, widest 1.6. tracking-xs/sm em px (design tokens). */ --tracking-xs: -1.4px; --tracking-sm: -0.8px; --tracking-tighter-xs: -0.06em; --tracking-tighter: -0.04em; --tracking-tight: 0em; --tracking-normal: 0.06em; --tracking-wide: 0.08em; --tracking-wider: 0.1em; --tracking-widest: 0.16em; --leading-tight: 1.25; --leading-snug: 1.375; --blur-xs: 4px; --blur-sm: 8px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-base: 12px; --shadow-sm: 0 2px 2px 0 rgba(98, 116, 142, 0.08); --shadow-base: 0 2px 2px 0 rgba(98, 116, 142, 0.08), 0 2px 4px 0 rgba(98, 116, 142, 0.10); --shadow-md: 0 2px 4px -1px rgba(98, 116, 142, 0.06), 0 4px 6px -1px rgba(98, 116, 142, 0.10); --shadow-lg: 0 4px 6px -2px rgba(98, 116, 142, 0.08), 0 10px 16px -3px rgba(98, 116, 142, 0.12); --shadow-xl: 0 10px 10px -4px rgba(98, 116, 142, 0.04), 0 20px 24px -4px rgba(98, 116, 142, 0.12); --shadow-2xl: 0 24px 52px -16px rgba(98, 116, 142, 0.32); --shadow-inner: 0 2px 4px 0 rgba(98, 116, 142, 0.06) inset; --shadow-custom_ra: 8px 8px 40px 3px rgba(98, 116, 142, 0.16); --radius-sm: calc(var(--radius) - 8px); --radius-base: calc(var(--radius) - 6px); --radius-md: calc(var(--radius) - 4px); --radius-lg: calc(var(--radius) - 2px); --radius-xl: calc(var(--radius) + 2px); --radius-2xl: calc(var(--radius) + 6px); --radius-3xl: calc(var(--radius) + 14px); --radius-4xl: calc(var(--radius) + 22px); --primary-50: #e6f1eb; --primary-100: #c8e3d4; --primary-200: #8ac0a2; --primary-300: #5ca77e; --primary-400: #2e8e59; --primary-500: #007535; --primary-600: #005931; --primary-700: #004d37; --primary-800: #004032; --primary-900: #003330; --primary: var(--primary-600); --secondary-50: #f0f5e0; --secondary-100: #e2edc5; --secondary-200: #c9dd95; --secondary-300: #b6d06f; --secondary-400: #a3c449; --secondary-500: #90b823; --secondary-600: #63991d; --secondary-700: #407d18; --secondary-800: #266614; --secondary-900: #145210; --secondary: var(--color-slate-100); --color-yellow-50: #fefce8; --color-yellow-100: #fef9c3; --color-yellow-200: #fef08a; --color-yellow-300: #fde047; --color-yellow-400: #facc15; --color-yellow-500: #eab308; --color-yellow-600: #ca8a04; --color-yellow-700: #a16207; --color-yellow-800: #854d0e; --color-yellow-900: #713f12; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #fed7aa; --color-orange-300: #fdba74; --color-orange-400: #fb923c; --color-orange-500: #f97316; --color-orange-600: #ea580c; --color-orange-700: #c2410c; --color-orange-800: #9a3412; --color-orange-900: #7c2d12; --color-red-50: #fef2f2; --color-red-100: #fee2e2; --color-red-200: #fecaca; --color-red-300: #fca5a5; --color-red-400: #f87171; --color-red-500: #ef4444; --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b; --color-red-900: #7f1d1d; --color-pink-50: #fdf2f8; --color-pink-100: #fce7f3; --color-pink-200: #fbcfe8; --color-pink-300: #f9a8d4; --color-pink-400: #f472b6; --color-pink-500: #ec4899; --color-pink-600: #db2777; --color-pink-700: #be185d; --color-pink-800: #9d174d; --color-pink-900: #831843; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6fe; --color-violet-300: #c4b5fd; --color-violet-400: #a78bfa; --color-violet-500: #8b5cf6; --color-violet-600: #7c3aed; --color-violet-700: #6d28d9; --color-violet-800: #5b21b6; --color-violet-900: #4c1d95; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bfdbfe; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-blue-700: #1d4ed8; --color-blue-800: #1e40af; --color-blue-900: #1e3a8a; --color-teal-50: #f0fdfa; --color-teal-100: #ccfbf1; --color-teal-200: #99f6e4; --color-teal-300: #5eead4; --color-teal-400: #2dd4bf; --color-teal-500: #14b8a6; --color-teal-600: #0d9488; --color-teal-700: #0f766e; --color-teal-800: #115e59; --color-teal-900: #134e4a; --color-green-50: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #bbf7d0; --color-green-300: #86efac; --color-green-400: #4ade80; --color-green-500: #22c55e; --color-green-600: #16a34a; --color-green-700: #15803d; --color-green-800: #166534; --color-green-900: #14532d; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-white: #fff; --color-black: #000; --background: var(--color-white); --foreground: var(--color-slate-900); } .dark { --color-white: #000; --color-black: #fff; --primary-50: #145210; --primary-100: #266614; --primary-200: #407d18; --primary-300: #63991d; --primary-400: #90b823; --primary-500: #a3c449; --primary-600: #b6d06f; --primary-700: #a3c449; --primary-800: #c9dd95; --primary-900: #e2edc5; --primary: var(--primary-700); --secondary-50: #003330; --secondary-100: #004032; --secondary-200: #004d37; --secondary-300: #005931; --secondary-400: #007535; --secondary-500: #2e8e59; --secondary-600: #5ca77e; --secondary-700: #8ac0a2; --secondary-800: #c8e3d4; --secondary-900: #e6f1eb; --secondary: var(--secondary-700); --color-yellow-50: #713f12; --color-yellow-100: #854d0e; --color-yellow-200: #a16207; --color-yellow-300: #ca8a04; --color-yellow-400: #eab308; --color-yellow-500: #facc15; --color-yellow-600: #fde047; --color-yellow-700: #fef08a; --color-yellow-800: #fef9c3; --color-yellow-900: #fefce8; --color-orange-50: #7c2d12; --color-orange-100: #9a3412; --color-orange-200: #c2410c; --color-orange-300: #ea580c; --color-orange-400: #f97316; --color-orange-500: #fb923c; --color-orange-600: #fdba74; --color-orange-700: #fed7aa; --color-orange-800: #ffedd5; --color-orange-900: #fff7ed; --color-red-50: #7f1d1d; --color-red-100: #991b1b; --color-red-200: #b91c1c; --color-red-300: #dc2626; --color-red-400: #ef4444; --color-red-500: #f87171; --color-red-600: #fca5a5; --color-red-700: #fecaca; --color-red-800: #fee2e2; --color-red-900: #fef2f2; --color-pink-50: #831843; --color-pink-100: #9d174d; --color-pink-200: #be185d; --color-pink-300: #db2777; --color-pink-400: #ec4899; --color-pink-500: #f472b6; --color-pink-600: #f9a8d4; --color-pink-700: #fbcfe8; --color-pink-800: #fce7f3; --color-pink-900: #fdf2f8; --color-violet-50: #4c1d95; --color-violet-100: #5b21b6; --color-violet-200: #6d28d9; --color-violet-300: #7c3aed; --color-violet-400: #8b5cf6; --color-violet-500: #a78bfa; --color-violet-600: #c4b5fd; --color-violet-700: #ddd6fe; --color-violet-800: #ede9fe; --color-violet-900: #f5f3ff; --color-blue-50: #1e3a8a; --color-blue-100: #1e40af; --color-blue-200: #1d4ed8; --color-blue-300: #2563eb; --color-blue-400: #3b82f6; --color-blue-500: #60a5fa; --color-blue-600: #93c5fd; --color-blue-700: #bfdbfe; --color-blue-800: #dbeafe; --color-blue-900: #eff6ff; --color-teal-50: #134e4a; --color-teal-100: #115e59; --color-teal-200: #0f766e; --color-teal-300: #0d9488; --color-teal-400: #14b8a6; --color-teal-500: #2dd4bf; --color-teal-600: #5eead4; --color-teal-700: #99f6e4; --color-teal-800: #ccfbf1; --color-teal-900: #f0fdfa; --color-green-50: #14532d; --color-green-100: #166534; --color-green-200: #15803d; --color-green-300: #16a34a; --color-green-400: #22c55e; --color-green-500: #4ade80; --color-green-600: #86efac; --color-green-700: #bbf7d0; --color-green-800: #dcfce7; --color-green-900: #f0fdf4; --color-slate-50: #0f172b; --color-slate-100: #1d293d; --color-slate-200: #314158; --color-slate-300: #45556c; --color-slate-400: #62748e; --color-slate-500: #90a1b9; --color-slate-600: #cad5e2; --color-slate-700: #e2e8f0; --color-slate-800: #f1f5f9; --color-slate-900: #fff; --background: var(--color-slate-900); --foreground: var(--color-slate-50); }