diff --git a/src/app/globals.css b/src/app/globals.css new file mode 100644 index 0000000..4b0d52f --- /dev/null +++ b/src/app/globals.css @@ -0,0 +1,43 @@ +@import "tailwindcss"; + +@theme { + --color-background: oklch(1.000 0.000 0.0); + --color-foreground: oklch(0.076 0.078 210.0); + --color-card: oklch(0.972 0.029 220.0); + --color-card-foreground: oklch(0.076 0.078 210.0); + --color-primary: oklch(0.496 0.370 142.1); + --color-primary-foreground: oklch(1.000 0.000 0.0); + --color-secondary: oklch(0.152 0.002 212); + --color-secondary-foreground: oklch(1.000 0.000 0.0); + --color-accent: oklch(0.496 0.370 142.1); + --color-accent-foreground: oklch(0.076 0.078 210.0); + --color-border: oklch(0.917 0.078 217.5); + --color-input: oklch(0.917 0.078 217.5); + --color-ring: oklch(0.496 0.370 142.1); + + --radius: 0px; + --radius-sm: 0px; + --radius-md: 0px; + --radius-lg: 0px; +} + +* { + 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; +} + +html { + scroll-behavior: smooth; +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-heading, sans-serif); + text-transform: uppercase; + letter-spacing: -0.02em; +}