diff --git a/src/app/globals.css b/src/app/globals.css new file mode 100644 index 0000000..e3a9953 --- /dev/null +++ b/src/app/globals.css @@ -0,0 +1,51 @@ +@import "tailwindcss"; + +@theme { + --color-background: oklch(0.96 0.03 85); + --color-foreground: oklch(0.15 0.04 30); + --color-card: oklch(1 0 0); + --color-card-foreground: oklch(0.15 0.04 30); + --color-primary: oklch(0.47 0.21 28); + --color-primary-foreground: oklch(1 0 0); + --color-secondary: oklch(0.64 0.18 55); + --color-secondary-foreground: oklch(1 0 0); + --color-accent: oklch(0.80 0.19 95); + --color-accent-foreground: oklch(0.15 0.04 30); + --color-border: oklch(0.84 0.02 30); + --color-input: oklch(0.84 0.02 30); + --color-ring: oklch(0.47 0.21 28); + + --radius: 0.5rem; + --radius-sm: 0.875rem; + --radius-md: 1.25rem; + --radius-lg: 1.75rem; + --radius-xl: 2rem; +} + +:root { + --shadow-soft: 0 18px 36px rgba(40, 55, 45, 0.14); + --shadow-deep: 0 30px 60px rgba(40, 55, 45, 0.18); + --radius-arch: 999px 999px 24px 24px; +} + +* { + border-color: var(--color-border); + outline-color: color-mix(in oklch, var(--color-ring), transparent 50%); +} + +body { + background-color: var(--color-background); + color: var(--color-foreground); + font-feature-settings: "rlig" 1, "calt" 1; + line-height: 1.7; +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-sora), sans-serif; + letter-spacing: -0.02em; + font-weight: 600; +} + +html { + scroll-behavior: smooth; +} \ No newline at end of file