Something went wrong. Try again.
Something went wrong. Try again.
4.4 kB · 153 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154@import 'tailwindcss';@import 'tw-animate-css';@import 'shadcn/tailwind.css';@import '@fontsource-variable/inter';@import '@fontsource-variable/oxanium';
@custom-variant dark (&:is([data-theme=dark] *));
:root { color-scheme: light; --radius: 0; --background: #fff7e8; --foreground: #000000; --card: #ffffff; --card-foreground: #000000; --popover: #ffffff; --popover-foreground: #000000; --primary: #ffdc58; --primary-hover: #ffd12e; --primary-foreground: #000000; --secondary: #000000; --secondary-hover: #1f1f1f; --secondary-foreground: #ffffff; --muted: #efe7d6; --muted-foreground: #6b6355; --accent: #ffe7a3; --accent-foreground: #000000; --destructive: #e63946; --destructive-foreground: #ffffff; --border: #000000; --input: #ffffff; --ring: #000000; --chart-1: #ffdc58; --chart-2: #e63946; --chart-3: #2a9d8f; --chart-4: #e76f51; --chart-5: #264653; --sidebar: #ffffff; --sidebar-foreground: #000000; --sidebar-primary: #ffdc58; --sidebar-primary-foreground: #000000; --sidebar-accent: #ffe7a3; --sidebar-accent-foreground: #000000; --sidebar-border: #000000; --sidebar-ring: #000000;}
[data-theme='dark'],.dark { color-scheme: dark; --background: #1a1815; --foreground: #f5f0e6; --card: #262320; --card-foreground: #f5f0e6; --popover: #262320; --popover-foreground: #f5f0e6; --primary: #ffdc58; --primary-hover: #ffd12e; --primary-foreground: #000000; --secondary: #3a352f; --secondary-hover: #4a453e; --secondary-foreground: #f5f0e6; --muted: #2e2a24; --muted-foreground: #b3ac9e; --accent: #38342b; --accent-foreground: #f5f0e6; --destructive: #ff6b6b; --destructive-foreground: #1a1815; --border: #000000; --input: #262320; --ring: #ffdc58; --chart-1: #ffdc58; --chart-2: #ff6b6b; --chart-3: #4ecdc4; --chart-4: #f39c12; --chart-5: #1abc9c; --sidebar: #262320; --sidebar-foreground: #f5f0e6; --sidebar-primary: #ffdc58; --sidebar-primary-foreground: #000000; --sidebar-accent: #38342b; --sidebar-accent-foreground: #f5f0e6; --sidebar-border: #000000; --sidebar-ring: #ffdc58;}
@theme inline { --font-head: var(--font-heading); --font-heading: 'Oxanium Variable', sans-serif; --font-sans: 'Inter Variable', sans-serif; --radius: var(--radius); --shadow-xs: 1px 1px 0 0 var(--border); --shadow-sm: 2px 2px 0 0 var(--border); --shadow: 3px 3px 0 0 var(--border); --shadow-md: 4px 4px 0 0 var(--border); --shadow-lg: 6px 6px 0 0 var(--border); --shadow-xl: 10px 10px 0 1px var(--border); --shadow-2xl: 16px 16px 0 1px var(--border); --color-primary-hover: var(--primary-hover); --color-secondary-hover: var(--secondary-hover); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive: var(--destructive); --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --color-foreground: var(--foreground); --color-background: var(--background);}
@layer base { * { @apply border-border outline-ring; } html { @apply font-sans scroll-smooth; height: 100%; } body { @apply bg-background text-foreground; height: 100%; } button:not(:disabled), [role='button']:not(:disabled) { cursor: pointer; } ::selection { @apply bg-primary text-primary-foreground; }}