72 lines
2.2 KiB
CSS
72 lines
2.2 KiB
CSS
@import 'tailwindcss';
|
|
@import 'tw-animate-css';
|
|
|
|
@custom-variant dark (&:is(.dark *));
|
|
|
|
@theme {
|
|
--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
--color-background: #f7f8fa;
|
|
--color-foreground: #111827;
|
|
--color-card: #ffffff;
|
|
--color-card-foreground: #111827;
|
|
--color-popover: #ffffff;
|
|
--color-popover-foreground: #111827;
|
|
--color-primary: #0866ef;
|
|
--color-primary-foreground: #ffffff;
|
|
--color-secondary: #eef5ff;
|
|
--color-secondary-foreground: #0759d4;
|
|
--color-muted: #f5f7fa;
|
|
--color-muted-foreground: #475467;
|
|
--color-accent: #eef5ff;
|
|
--color-accent-foreground: #0759d4;
|
|
--color-destructive: #b42318;
|
|
--color-border: #d7dde7;
|
|
--color-input: #c4ccd9;
|
|
--color-ring: #0866ef;
|
|
--color-sidebar: #061a38;
|
|
--color-sidebar-foreground: #f8fafc;
|
|
--color-sidebar-primary: #0866ef;
|
|
--color-sidebar-primary-foreground: #ffffff;
|
|
--color-sidebar-accent: #0b2a54;
|
|
--color-sidebar-accent-foreground: #ffffff;
|
|
--color-sidebar-border: #17365e;
|
|
--color-sidebar-ring: #4a90ff;
|
|
}
|
|
|
|
:root {
|
|
--radius: 0.5rem;
|
|
--background: #f7f8fa;
|
|
--foreground: #111827;
|
|
--card: #ffffff;
|
|
--card-foreground: #111827;
|
|
--popover: #ffffff;
|
|
--popover-foreground: #111827;
|
|
--primary: #0866ef;
|
|
--primary-foreground: #ffffff;
|
|
--secondary: #eef5ff;
|
|
--secondary-foreground: #0759d4;
|
|
--muted: #f5f7fa;
|
|
--muted-foreground: #475467;
|
|
--accent: #eef5ff;
|
|
--accent-foreground: #0759d4;
|
|
--destructive: #b42318;
|
|
--border: #d7dde7;
|
|
--input: #c4ccd9;
|
|
--ring: #0866ef;
|
|
--sidebar: #061a38;
|
|
--sidebar-foreground: #f8fafc;
|
|
--sidebar-primary: #0866ef;
|
|
--sidebar-primary-foreground: #ffffff;
|
|
--sidebar-accent: #0b2a54;
|
|
--sidebar-accent-foreground: #ffffff;
|
|
--sidebar-border: #17365e;
|
|
--sidebar-ring: #4a90ff;
|
|
}
|
|
|
|
* { border-color: var(--border); }
|
|
html { font-family: var(--font-sans); color: var(--foreground); background: var(--background); }
|
|
body { min-width: 320px; }
|
|
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
|
|
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
|
|
.anywhere { overflow-wrap: anywhere; word-break: break-word; }
|