83 lines
1.8 KiB
CSS
83 lines
1.8 KiB
CSS
@tailwind base;
|
||
@tailwind components;
|
||
@tailwind utilities;
|
||
|
||
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');
|
||
|
||
:root {
|
||
--font-sans: 'Inter', system-ui, sans-serif;
|
||
--font-serif: 'Cormorant Garamond', Georgia, serif;
|
||
--font-display: 'Inter', system-ui, sans-serif;
|
||
--radius: 0.75rem;
|
||
|
||
/* shadcn/ui CSS variables */
|
||
--background: 0 0% 100%;
|
||
--foreground: 222.2 84% 4.9%;
|
||
--card: 0 0% 100%;
|
||
--card-foreground: 222.2 84% 4.9%;
|
||
--popover: 0 0% 100%;
|
||
--popover-foreground: 222.2 84% 4.9%;
|
||
--primary: 222.2 47.4% 11.2%;
|
||
--primary-foreground: 210 40% 98%;
|
||
--secondary: 210 40% 96.1%;
|
||
--secondary-foreground: 222.2 47.4% 11.2%;
|
||
--muted: 210 40% 96.1%;
|
||
--muted-foreground: 215.4 16.3% 46.9%;
|
||
--accent: 210 40% 96.1%;
|
||
--accent-foreground: 222.2 47.4% 11.2%;
|
||
--destructive: 0 84.2% 60.2%;
|
||
--destructive-foreground: 210 40% 98%;
|
||
--border: 214.3 31.8% 91.4%;
|
||
--input: 214.3 31.8% 91.4%;
|
||
--ring: 222.2 84% 4.9%;
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
html {
|
||
scroll-behavior: smooth;
|
||
}
|
||
|
||
body {
|
||
font-family: var(--font-sans);
|
||
background-color: #1a1a1a;
|
||
color: #1a1a1a;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
/* Serif font utility */
|
||
.font-serif {
|
||
font-family: var(--font-serif) !important;
|
||
}
|
||
|
||
/* Smooth scrollbar */
|
||
::-webkit-scrollbar {
|
||
width: 6px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: #1a1a1a;
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: #3a3a3a;
|
||
border-radius: 3px;
|
||
}
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: #555;
|
||
}
|
||
|
||
/* GSAP kullanıldığı için overflow-x gizle */
|
||
body {
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
/* Subtle text selection */
|
||
::selection {
|
||
background: rgba(139, 115, 85, 0.3);
|
||
color: inherit;
|
||
}
|