@import 'tailwindcss'; /* Класс-стратегия тёмной темы: .dark на (см. theme.tsx). */ @custom-variant dark (&:where(.dark, .dark *)); :root { --background: #ffffff; --foreground: #0a0a0f; --muted: #f4f4f5; --muted-foreground: #6b7280; --border: #b9bec7; --primary: #7c3aed; --primary-foreground: #ffffff; } .dark { --background: #0b0c10; --foreground: #e5e7eb; --muted: #17181f; --muted-foreground: #9ca3af; --border: #454958; --primary: #a78bfa; --primary-foreground: #0b0c10; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-border: var(--border); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --font-sans: system-ui, 'Segoe UI', Roboto, sans-serif; /* +12.5% к дефолтной Tailwind-шкале (line-height — заданные Tailwind соотношения, масштабируются вместе с размером). */ --text-xs: 0.844rem; --text-sm: 0.984rem; --text-base: 1.125rem; --text-lg: 1.266rem; --text-xl: 1.406rem; --text-2xl: 1.688rem; } @layer base { html { color-scheme: light dark; } body { @apply bg-background text-foreground font-sans antialiased; margin: 0; min-height: 100svh; } }