diff --git a/src/app/globals.css b/src/app/globals.css index 382ca14..a52d7e8 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -48,72 +48,59 @@ } :root { - --radius: 0.625rem; - --background: oklch(1 0 0); - --foreground: oklch(0.145 0 0); - --card: oklch(1 0 0); - --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.145 0 0); - --primary: oklch(0.205 0 0); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.97 0 0); - --secondary-foreground: oklch(0.205 0 0); - --muted: oklch(0.97 0 0); - --muted-foreground: oklch(0.556 0 0); - --accent: oklch(0.97 0 0); - --accent-foreground: oklch(0.205 0 0); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); - --chart-1: oklch(0.646 0.222 41.116); - --chart-2: oklch(0.6 0.118 184.704); - --chart-3: oklch(0.398 0.07 227.392); - --chart-4: oklch(0.828 0.189 84.429); - --chart-5: oklch(0.769 0.188 70.08); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.145 0 0); - --sidebar-primary: oklch(0.205 0 0); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.97 0 0); - --sidebar-accent-foreground: oklch(0.205 0 0); - --sidebar-border: oklch(0.922 0 0); - --sidebar-ring: oklch(0.708 0 0); -} + /* Base surfaces */ + --background: oklch(0.13 0.01 260); /* deep charcoal */ + --foreground: oklch(0.98 0 0); -.dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.205 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.922 0 0); - --primary-foreground: oklch(0.205 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: oklch(0.269 0 0); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); + --card: oklch(0.18 0.015 260); + --card-foreground: oklch(0.98 0 0); + + --popover: oklch(0.18 0.015 260); + --popover-foreground: oklch(0.98 0 0); + + /* Primary – Solana purple */ + --primary: oklch(0.55 0.25 285); + --primary-foreground: oklch(0.98 0 0); + + /* Secondary – muted surface */ + --secondary: oklch(0.24 0.015 260); + --secondary-foreground: oklch(0.96 0 0); + + /* Muted / subtle text */ + --muted: oklch(0.24 0.015 260); + --muted-foreground: oklch(0.72 0.01 260); + + /* Accent – SOL mint */ + --accent: oklch(0.72 0.18 165); + --accent-foreground: oklch(0.13 0.01 260); + + /* Destructive */ + --destructive: oklch(0.68 0.2 25); + + /* Inputs / borders */ --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: oklch(0.488 0.243 264.376); - --chart-2: oklch(0.696 0.17 162.48); - --chart-3: oklch(0.769 0.188 70.08); - --chart-4: oklch(0.627 0.265 303.9); - --chart-5: oklch(0.645 0.246 16.439); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); + --input: oklch(1 0 0 / 14%); + --ring: oklch(0.6 0.12 285); + + /* Charts – crypto-native */ + --chart-1: oklch(0.55 0.25 285); /* purple */ + --chart-2: oklch(0.72 0.18 165); /* mint */ + --chart-3: oklch(0.65 0.22 310); /* violet */ + --chart-4: oklch(0.7 0.17 140); /* green */ + --chart-5: oklch(0.62 0.2 30); /* orange/red */ + + /* Sidebar */ + --sidebar: oklch(0.17 0.015 260); + --sidebar-foreground: oklch(0.96 0 0); + + --sidebar-primary: oklch(0.55 0.25 285); + --sidebar-primary-foreground: oklch(0.98 0 0); + + --sidebar-accent: oklch(0.24 0.015 260); + --sidebar-accent-foreground: oklch(0.98 0 0); + --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.556 0 0); + --sidebar-ring: oklch(0.6 0.12 285); } @layer base {