/* ============================================================ * M Teknik - Global stiller (Next.js globals.css portu) * Tailwind renkleri içindeki tailwind.config'te tanımlıdır. * ============================================================ */ :root { --primary: 214 77% 47%; --primary-foreground: 0 0% 100%; --foreground: 215 60% 10%; --background: 0 0% 100%; --card: 0 0% 100%; --card-foreground: 215 60% 10%; --muted: 214 30% 95%; --muted-foreground: 215 16% 42%; --accent: 214 60% 94%; --accent-foreground: 215 68% 14%; --border: 214 25% 88%; --input: 214 25% 88%; --ring: 214 77% 47%; --secondary: 215 68% 14%; --navy: 215 68% 14%; --navy-deep: 218 70% 8%; --silver: 214 15% 82%; --radius: 0.625rem; } * { border-color: hsl(var(--border)); } html { scroll-behavior: smooth; } body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-sans, 'DM Sans', system-ui, sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif); } ::selection { background-color: hsl(var(--primary) / 0.2); color: hsl(var(--secondary)); } /* BMW M şeridi */ .bmw-stripes { background-image: linear-gradient( 135deg, hsl(214 77% 47%) 0 33%, hsl(215 68% 30%) 33% 66%, hsl(0 84% 55%) 66% 100% ); } /* Kaydırma çubuğu */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: hsl(var(--muted)); } ::-webkit-scrollbar-thumb { background: hsl(var(--primary) / 0.5); border-radius: 999px; } ::-webkit-scrollbar-thumb:hover { background: hsl(var(--primary) / 0.8); } /* Blog içerik tipografisi (MarkdownRenderer çıktısı) */ .prose-blog h2 { font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif); font-weight: 700; font-size: 1.5rem; line-height: 1.3; margin-top: 2.25rem; margin-bottom: 0.9rem; color: hsl(var(--secondary)); } .prose-blog h3 { font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif); font-weight: 600; font-size: 1.2rem; line-height: 1.4; margin-top: 1.75rem; margin-bottom: 0.6rem; color: hsl(var(--secondary)); } .prose-blog p { margin-bottom: 1.1rem; line-height: 1.8; color: hsl(var(--foreground) / 0.85); } .prose-blog ul, .prose-blog ol { margin-bottom: 1.1rem; padding-left: 1.4rem; display: flex; flex-direction: column; gap: 0.4rem; color: hsl(var(--foreground) / 0.85); line-height: 1.7; } .prose-blog ul { list-style-type: disc; } .prose-blog ol { list-style-type: decimal; } .prose-blog a { color: hsl(var(--primary)); text-decoration: underline; text-underline-offset: 2px; } .prose-blog a:hover { color: hsl(var(--secondary)); } .prose-blog strong { font-weight: 600; color: hsl(var(--secondary)); }