Something went wrong. Try again.
A local-first note taking app
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081@import 'tailwindcss';
/* Semantic tokens (swap per user theme by changing these variables). */:root { --semantic-bg: oklch(0.99 0 0); --semantic-fg: oklch(0.22 0 0); /* Primary: main actions (e.g. default buttons). Defaults match accent; override either in themes. */ --semantic-primary: oklch(0.52 0.17 260); --semantic-primary-fg: oklch(0.99 0 0); --semantic-accent: oklch(0.52 0.17 260); --semantic-border: oklch(0.9 0 0); --semantic-destructive: oklch(0.52 0.2 27); --semantic-warning: oklch(0.55 0.16 70); --semantic-warning-bg: oklch(0.95 0.04 90);}
:root[data-theme='dark'] { --semantic-bg: oklch(0.18 0.01 260); --semantic-fg: oklch(0.96 0 0); --semantic-primary: oklch(0.72 0.14 260); --semantic-primary-fg: oklch(0.16 0.03 260); --semantic-accent: oklch(0.72 0.14 260); --semantic-border: oklch(0.32 0.02 260); --semantic-destructive: oklch(0.7 0.16 27); --semantic-warning: oklch(0.78 0.12 70); --semantic-warning-bg: oklch(0.25 0.03 70);}
@theme { --color-background: var(--semantic-bg); --color-foreground: var(--semantic-fg); --color-primary: var(--semantic-primary); --color-primary-foreground: var(--semantic-primary-fg); --color-accent: var(--semantic-accent); --color-border: var(--semantic-border); --color-destructive: var(--semantic-destructive); --color-warning: var(--semantic-warning); --color-warning-bg: var(--semantic-warning-bg);}
@layer base { *, *::before, *::after { transition-property: background-color, color, border-color, fill, stroke, box-shadow; transition-duration: 320ms; transition-timing-function: ease-in-out; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0ms; } }
html, body, #root { height: 100%; width: 100%; }
body { @apply bg-background text-foreground antialiased; margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }}