@udhuong/admin-core 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 udhuong
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,407 @@
+# @udhuong/admin-core
+
+> Reusable admin core cho Node.js app — auth, RBAC, OAuth, user management. Ship trong **1 package duy nhất** với subpath exports: frontend (Next.js) và backend (NestJS) cùng trong 1 `npm install`.
+
+[![npm](https://img.shields.io/npm/v/@udhuong/admin-core.svg)](https://www.npmjs.com/package/@udhuong/admin-core)
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](./LICENSE)
+
+## Tính năng
+
+- 🔐 **Auth** — email/password + JWT (access + refresh) + 2FA/TOTP
+- 👥 **User management** — CRUD user, session, preferences (theme/language/notifications)
+- 🛡️ **RBAC dynamic** — core permissions mặc định + consumer extend `extraPermissions`/`extraRoles` qua `forRoot()`
+- 🔗 **OAuth 2.0** — client credentials, authorization code, refresh token; social login Google/GitHub/Facebook
+- 📧 **Mail events** — verification, password reset, welcome (consumer tự cài mail sender)
+- 🎨 **UI ready-to-use** — `<LoginPage />`, `<AdminLayout />`, `<UsersPage />`, `<RolesPage />`, `<PermissionsPage />`… với Tailwind v4 + DaisyUI
+- 🧰 **NestJS module** — `AdminCoreModule.forRoot()` / `forRootAsync()` (global), auto-seed nếu import `OAuthSeederModule`
+
+---
+
+## Install
+
+```bash
+npm install @udhuong/admin-core
+```
+
+### Peer dependencies (optional theo phía bạn dùng)
+
+**Client (Next.js):**
+```bash
+npm install next react react-dom
+npm install --save-dev tailwindcss @tailwindcss/postcss daisyui
+```
+
+**Server (NestJS):**
+```bash
+npm install @nestjs/common @nestjs/core @nestjs/config @nestjs/event-emitter \
+            @nestjs/jwt @nestjs/passport @nestjs/schedule @nestjs/typeorm \
+            typeorm pg reflect-metadata rxjs
+```
+
+Tất cả `@nestjs/*` được khai báo là `peerDependenciesMeta.optional`, nên nếu bạn chỉ dùng client thì **không bị warn** về peer deps server (và ngược lại).
+
+---
+
+## Quick start — Client (Next.js 16 App Router)
+
+### 1. Wrap providers
+
+```tsx
+// src/app/providers.tsx
+'use client'
+
+import { CoreProviders } from '@udhuong/admin-core'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <CoreProviders
+      config={{
+        apiUrl: process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4000/api',
+        tokenStorageKey: 'admin_token',
+        routes: {
+          LOGIN: '/login',
+          DASHBOARD: '/dashboard',
+          UNAUTHORIZED: '/unauthorized',
+          CHANGE_PASSWORD: '/change-password',
+        },
+      }}
+    >
+      {children}
+    </CoreProviders>
+  )
+}
+```
+
+`CoreProviders` đã bao gồm `QueryClientProvider`, `ThemeProvider`, `AuthProvider`, `AdminConfigProvider`, `Toaster`. **Không** wrap lại các provider này bên ngoài.
+
+### 2. Setup styles (Tailwind v4 + DaisyUI)
+
+Tạo `src/app/globals.css`:
+
+```css
+@import "tailwindcss";
+@source "../../src/**/*.{ts,tsx}";
+@source "../../node_modules/@udhuong/admin-core/dist/client/**/*.{js,d.ts}";
+@plugin "daisyui" {
+  themes: light --default, dark --prefersdark;
+}
+```
+
+`postcss.config.js`:
+```js
+module.exports = {
+  plugins: { '@tailwindcss/postcss': {} },
+}
+```
+
+`next.config.ts`:
+```ts
+export default {
+  transpilePackages: ['@udhuong/admin-core'],
+}
+```
+
+Import vào layout:
+```tsx
+// src/app/layout.tsx
+import './globals.css'
+import { Providers } from './providers'
+```
+
+### 3. Dùng các trang có sẵn
+
+```tsx
+// src/app/login/page.tsx
+import { LoginPage } from '@udhuong/admin-core'
+export default LoginPage
+
+// src/app/(admin)/users/page.tsx
+import { UsersPage } from '@udhuong/admin-core'
+export default UsersPage
+```
+
+Các trang khác: `RolesPage`, `PermissionsPage`, `ProfilePage`, `UserPreferencesPage`, `ChangePasswordPage`, `ForgotPasswordPage`, `ResetPasswordPage`, `VerifyEmailPage`, `UnauthorizedPage`, `UserDetailPage`.
+
+### 4. Dùng hooks
+
+```tsx
+'use client'
+import { useAuth } from '@udhuong/admin-core'
+
+export default function Dashboard() {
+  const { user, logout, isAuthenticated } = useAuth()
+  if (!isAuthenticated) return <a href="/login">Login</a>
+  return <div>Hi {user?.displayName} <button onClick={logout}>Logout</button></div>
+}
+```
+
+---
+
+## Quick start — Server (NestJS 10)
+
+### 1. Chuẩn bị env vars (BẮT BUỘC)
+
+Trước khi boot, cấu hình `.env`:
+
+```bash
+# Root account — password >= 12 ký tự
+ROOT_EMAIL=admin@example.com
+ROOT_PASSWORD=your-strong-root-password
+
+# OAuth client secrets — mỗi secret >= 16 ký tự
+# Sinh: openssl rand -base64 32
+OAUTH_WEB_ADMIN_SECRET=<random-32-bytes-base64>
+OAUTH_WEB_PUBLIC_SECRET=<random-32-bytes-base64>
+OAUTH_THIRD_PARTY_DEMO_SECRET=<random-32-bytes-base64>
+OAUTH_API_SERVICE_SECRET=<random-32-bytes-base64>
+
+JWT_ACCESS_SECRET=<random-long-string>
+```
+
+### 2. Wire AdminCoreModule + seeder
+
+```ts
+// src/app.module.ts
+import 'reflect-metadata'
+import { Module } from '@nestjs/common'
+import { ConfigModule, ConfigService } from '@nestjs/config'
+import { EventEmitterModule } from '@nestjs/event-emitter'
+import { TypeOrmModule } from '@nestjs/typeorm'
+import {
+  AdminCoreModule,
+  OAuthSeederModule,
+  PermissionDef,
+  RoleDef,
+} from '@udhuong/admin-core/server'
+import { join } from 'path'
+
+// Extra permissions + roles riêng của app bạn
+const EXTRA_PERMISSIONS: PermissionDef[] = [
+  { name: 'blog.publish', resource: 'blog', action: 'publish', description: 'Publish blog posts' },
+]
+const EXTRA_ROLES: RoleDef[] = [
+  { name: 'editor', description: 'Blog editor', permissions: ['blog.publish', 'user.read'] },
+]
+
+@Module({
+  imports: [
+    ConfigModule.forRoot({ isGlobal: true }),
+    EventEmitterModule.forRoot(),
+
+    TypeOrmModule.forRoot({
+      type: 'postgres',
+      host: 'localhost',
+      port: 5432,
+      username: 'postgres',
+      password: 'postgres',
+      database: 'myapp',
+      autoLoadEntities: true,
+      synchronize: true, // Chỉ dev, production dùng migrations
+      // Entities từ admin-core
+      entities: [
+        join(__dirname, '../node_modules/@udhuong/admin-core/dist/server/**/*.entity.js'),
+      ],
+    }),
+
+    AdminCoreModule.forRootAsync({
+      imports: [ConfigModule],
+      inject: [ConfigService],
+      useFactory: (config: ConfigService) => ({
+        jwt: {
+          accessSecret: config.get('JWT_ACCESS_SECRET')!,
+          accessExpiresIn: '1h',
+        },
+        rootEmail: config.get('ROOT_EMAIL')!,
+        rootPassword: config.get('ROOT_PASSWORD')!,
+        // BẮT BUỘC — seeder sẽ throw nếu thiếu hoặc <16 ký tự
+        seeder: {
+          clientSecrets: {
+            webAdmin: config.get('OAUTH_WEB_ADMIN_SECRET')!,
+            webPublic: config.get('OAUTH_WEB_PUBLIC_SECRET')!,
+            thirdPartyDemo: config.get('OAUTH_THIRD_PARTY_DEMO_SECRET')!,
+            apiService: config.get('OAUTH_API_SERVICE_SECRET')!,
+          },
+        },
+        oauth: {
+          google: {
+            clientId: config.get('GOOGLE_CLIENT_ID')!,
+            clientSecret: config.get('GOOGLE_CLIENT_SECRET')!,
+            callbackURL: 'http://localhost:4000/api/auth/google/callback',
+          },
+          // github, facebook tương tự
+        },
+        extraPermissions: EXTRA_PERMISSIONS,
+        extraRoles: EXTRA_ROLES,
+      }),
+    }),
+
+    // Seed permissions + roles + OAuth scopes + clients khi boot
+    OAuthSeederModule,
+  ],
+})
+export class AppModule {}
+```
+
+### 2. Enable CORS + bootstrap
+
+```ts
+// src/main.ts
+import 'reflect-metadata'
+import { NestFactory } from '@nestjs/core'
+import { AppModule } from './app.module'
+
+async function bootstrap() {
+  const app = await NestFactory.create(AppModule)
+  app.enableCors({
+    origin: process.env.CLIENT_URL || 'http://localhost:3000',
+    credentials: true,
+  })
+  app.setGlobalPrefix('api')
+  await app.listen(4000)
+}
+bootstrap()
+```
+
+### 3. tsconfig.json
+
+```jsonc
+{
+  "compilerOptions": {
+    "module": "node16",
+    "moduleResolution": "node16",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "target": "ES2023"
+  }
+}
+```
+
+### 4. Protect endpoint với permission
+
+```ts
+import { Controller, Get, UseGuards } from '@nestjs/common'
+import {
+  JwtAuthGuard,
+  PermissionGuard,
+  RequirePermissions,
+  CORE_PERMISSIONS,
+} from '@udhuong/admin-core/server'
+
+@Controller('admin/blog')
+@UseGuards(JwtAuthGuard, PermissionGuard)
+export class AdminBlogController {
+  @Get()
+  @RequirePermissions(CORE_PERMISSIONS.USER_READ.name) // hoặc truyền trực tiếp 'blog.publish'
+  list() {
+    return []
+  }
+}
+```
+
+---
+
+## Dynamic module API
+
+### `AdminCoreOptions`
+
+| Key | Type | Mô tả |
+|-----|------|-------|
+| `jwt.accessSecret` | `string` | JWT signing secret — bắt buộc |
+| `jwt.accessExpiresIn` | `string` | mặc định `'1h'` |
+| `jwt.refreshSecret` | `string` | secret cho refresh token |
+| `jwt.refreshExpiresIn` | `string` | mặc định `'30d'` |
+| `rootEmail` | `string` | Email root account tạo tự động khi boot |
+| `rootPassword` | `string` | Mật khẩu root — **bắt buộc khi root chưa tồn tại**, >= 12 ký tự, đọc từ env `ROOT_PASSWORD`. Seeder throw nếu thiếu |
+| `seeder.clientSecrets.webAdmin` | `string` | Secret cho OAuth client `web-admin` — **bắt buộc**, >= 16 ký tự |
+| `seeder.clientSecrets.webPublic` | `string` | Secret cho `web-public` — **bắt buộc** |
+| `seeder.clientSecrets.thirdPartyDemo` | `string` | Secret cho `third-party-demo` — **bắt buộc** |
+| `seeder.clientSecrets.apiService` | `string` | Secret cho `api-service` — **bắt buộc** |
+| `oauth.google` | `{ clientId, clientSecret, callbackURL }` | Config OAuth Google (optional) |
+| `oauth.github` | tương tự | Config GitHub |
+| `oauth.facebook` | `{ appId, appSecret, callbackURL }` | Config Facebook |
+| `seeder.adminRedirectUris` | `string[]` | Redirect URIs cho OAuth `web-admin` client |
+| `seeder.webRedirectUris` | `string[]` | cho `web-public` |
+| `seeder.mobileRedirectUris` | `string[]` | cho `mobile-app` |
+| `extraPermissions` | `PermissionDef[]` | Permissions domain của bạn, merge vào core khi seed |
+| `extraRoles` | `RoleDef[]` | Roles tuỳ biến, merge vào core. Dùng `permissions: '*'` để gán tất cả |
+
+### Core defaults
+
+11 core permissions built-in (luôn có sau khi seed):
+
+- `user.read`, `user.create`, `user.update`, `user.delete`
+- `role.read`, `role.create`, `role.update`, `role.delete`
+- `admin.dashboard`, `admin.settings`, `admin.analytics`
+
+3 core roles:
+
+- `super-admin` — tất cả permissions (core + extras)
+- `admin` — 11 core permissions
+- `viewer` — read-only: `user.read`, `role.read`, `admin.dashboard`
+
+---
+
+## Gotchas — lỗi hay gặp
+
+### 1. `Cannot find module '@udhuong/admin-core/server'`
+NestJS tsconfig chưa dùng `moduleResolution: node16`. Đổi cả `module` và `moduleResolution` thành `node16`.
+
+### 2. `Data type "timestamp" is not supported by "better-sqlite3"`
+Entities trong admin-core dùng Postgres-specific types. Dùng `pg` driver.
+
+### 3. CORS bị block ở client
+Server phải `app.enableCors({ origin: CLIENT_URL, credentials: true })`.
+
+### 4. Login trả `Invalid client`
+OAuth clients chưa seed. Import `OAuthSeederModule` vào `AppModule` và đảm bảo đã cấu hình `seeder.clientSecrets`. Login với `clientCode` + `clientSecret` do **bạn tự set qua env var**:
+```json
+{"email":"...","password":"...","clientCode":"web-admin","clientSecret":"<OAUTH_WEB_ADMIN_SECRET>"}
+```
+
+### 4a. Seeder throw `Thiếu hoặc quá ngắn (<16 ký tự) client secrets`
+Bạn chưa cấu hình env vars `OAUTH_*_SECRET` hoặc truyền chúng qua `seeder.clientSecrets` trong `forRootAsync`. Sinh secret: `openssl rand -base64 32`. Tuyệt đối không dùng giá trị mẫu trong docs/tests cho production.
+
+### 4b. `RootAccountService` throw `Thiếu hoặc quá ngắn rootPassword`
+Phải cung cấp `rootPassword` qua config hoặc env `ROOT_PASSWORD` (>= 12 ký tự) khi boot lần đầu. Sau khi root account đã tạo, có thể bỏ nếu muốn.
+
+### 5. Tailwind chỉ ship vài KB, UI vỡ
+`@source` trong CSS của package không quét được consumer source. Viết local `globals.css` với `@source` trỏ cả `../src/**/*.{ts,tsx}` và `../node_modules/@udhuong/admin-core/dist/client/**/*.{js,d.ts}`.
+
+### 6. SSR hydration warning với `data-theme`
+Thêm `suppressHydrationWarning` vào `<html>` và `<body>` trong `RootLayout`.
+
+### 7. `UserSettingsPage` không còn
+Đã rename thành `UserPreferencesPage`. `SettingsPage` (system-wide settings) đã bị xoá khỏi package — tự implement theo nhu cầu.
+
+### 8. Next.js cần `transpilePackages`
+Vì package ship raw CSS: `transpilePackages: ['@udhuong/admin-core']` trong `next.config.ts`.
+
+### 9. Consumer chỉ dùng client vẫn bị cảnh báo `@nestjs/*`
+Chạy `npm install` với npm ≥ 7 — peer deps được mark optional qua `peerDependenciesMeta`, không cần cài.
+
+### 10. Permissions fetch từ API trả `[]` cho user root
+Root được tạo không tự assign role. Query DB gán role `super-admin` cho user root sau khi seed, hoặc thêm flow assignRootRole trong bootstrap của bạn.
+
+### 11. Migration chạy tay trên DB production
+Admin-core đã có migration `CreateOAuthSystem` trong `dist/server/auth/infrastructure/database/postgresql/migrations/`. TypeORM CLI:
+```ts
+migrations: ['node_modules/@udhuong/admin-core/dist/server/**/migrations/*.js']
+```
+
+---
+
+## Example project
+
+Xem full setup client + server tại [admin-core-example](https://github.com/ungdinhhuong/admin-core-example) (sẽ publish riêng), hoặc tham khảo integration-test snapshot trong `/examples` folder của repo.
+
+---
+
+## Support
+
+Issues: https://github.com/ungdinhhuong/admin-core/issues
+
+---
+
+## License
+
+MIT © 2026 [udhuong](mailto:l19htm4n@gmail.com)

package/package.json

@@ -0,0 +1,161 @@
+{
+  "name": "@udhuong/admin-core",
+  "version": "0.1.0",
+  "description": "Reusable admin core (client + server) — auth, RBAC, OAuth, user management. Built với NestJS + Next.js, ship trong 1 package với subpath exports.",
+  "license": "MIT",
+  "author": "udhuong <l19htm4n@gmail.com>",
+  "homepage": "https://github.com/ungdinhhuong/admin-core#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ungdinhhuong/admin-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ungdinhhuong/admin-core/issues"
+  },
+  "keywords": [
+    "admin",
+    "admin-panel",
+    "nestjs",
+    "nextjs",
+    "react",
+    "auth",
+    "authentication",
+    "authorization",
+    "rbac",
+    "oauth",
+    "oauth2",
+    "jwt",
+    "2fa",
+    "totp",
+    "user-management"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "src/client/styles/globals.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client/index.js",
+      "default": "./dist/client/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "require": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    },
+    "./styles": "./src/client/styles/globals.css",
+    "./tailwind-preset": {
+      "types": "./dist/tailwind.preset.d.ts",
+      "default": "./dist/tailwind.preset.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/client/index.js",
+  "types": "./dist/client/index.d.ts",
+  "scripts": {
+    "build": "npm run build:client && npm run build:server && npm run build:preset",
+    "build:client": "tsc -p tsconfig.client.json",
+    "build:server": "tsc -p tsconfig.server.json",
+    "build:preset": "tsc tailwind.preset.ts --outDir dist --declaration --module commonjs --esModuleInterop --target ES2020 --skipLibCheck",
+    "type-check": "tsc -p tsconfig.client.json --noEmit && tsc -p tsconfig.server.json --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@tanstack/react-query": "^5.90.7",
+    "axios": "^1.13.2",
+    "bcrypt": "^6.0.0",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.14.1",
+    "clsx": "^2.1.1",
+    "google-auth-library": "^10.5.0",
+    "lucide-react": "^0.552.0",
+    "next-themes": "^0.4.6",
+    "passport": "^0.7.0",
+    "passport-facebook": "^3.0.0",
+    "passport-github2": "^0.1.12",
+    "passport-google-oauth20": "^2.0.0",
+    "passport-jwt": "^4.0.1",
+    "passport-local": "^1.0.0",
+    "qrcode": "^1.5.4",
+    "react-hook-form": "^7.72.1",
+    "react-hot-toast": "^2.6.0",
+    "speakeasy": "^2.0.0",
+    "tailwind-merge": "^3.3.1",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "@nestjs/common": "^10.0.0",
+    "@nestjs/config": "^3.0.0",
+    "@nestjs/core": "^10.0.0",
+    "@nestjs/event-emitter": "^3.0.0",
+    "@nestjs/jwt": "^11.0.0",
+    "@nestjs/passport": "^11.0.0",
+    "@nestjs/schedule": "^6.0.0",
+    "@nestjs/typeorm": "^10.0.0",
+    "next": ">=15.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "reflect-metadata": ">=0.1.0",
+    "rxjs": ">=7.0.0",
+    "typeorm": "^0.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@nestjs/common": { "optional": true },
+    "@nestjs/config": { "optional": true },
+    "@nestjs/core": { "optional": true },
+    "@nestjs/event-emitter": { "optional": true },
+    "@nestjs/jwt": { "optional": true },
+    "@nestjs/passport": { "optional": true },
+    "@nestjs/schedule": { "optional": true },
+    "@nestjs/typeorm": { "optional": true },
+    "next": { "optional": true },
+    "react": { "optional": true },
+    "react-dom": { "optional": true },
+    "reflect-metadata": { "optional": true },
+    "rxjs": { "optional": true },
+    "typeorm": { "optional": true }
+  },
+  "devDependencies": {
+    "@nestjs/common": "^10.4.8",
+    "@nestjs/config": "^3.3.0",
+    "@nestjs/core": "^10.4.8",
+    "@nestjs/event-emitter": "^3.0.1",
+    "@nestjs/jwt": "^11.0.1",
+    "@nestjs/passport": "^11.0.5",
+    "@nestjs/schedule": "^6.1.0",
+    "@nestjs/typeorm": "^10.0.2",
+    "@types/bcrypt": "^6.0.0",
+    "@types/node": "^22",
+    "@types/passport-facebook": "^3.0.4",
+    "@types/passport-github2": "^1.2.9",
+    "@types/passport-google-oauth20": "^2.0.17",
+    "@types/passport-jwt": "^4.0.1",
+    "@types/passport-local": "^1.0.38",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/speakeasy": "^2.0.10",
+    "daisyui": "^5.4.7",
+    "next": "^16.0.7",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1",
+    "tailwindcss": "^4.0.0",
+    "typeorm": "^0.3.27",
+    "typescript": "^5.7.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/client/styles/globals.css

@@ -0,0 +1,42 @@
+@import "tailwindcss";
+@source "../";
+@plugin "daisyui";
+
+
+html {
+  transition: color 200ms, background-color 200ms;
+}
+
+body {
+  margin: 0;
+  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
+}
+
+*, ::before, ::after {
+  box-sizing: border-box;
+}
+
+/* DaisyUI input focus customization */
+.input,
+.textarea,
+.select,
+.input:focus,
+.textarea:focus,
+.select:focus {
+  outline: none;
+  outline-offset: 0;
+}
+
+:root {
+  /* Light Theme Colors */
+  --color-primary: #10172c;
+  --color-secondary: #1f2a44;
+}
+
+[data-theme="dark"] {
+  /* Dark Theme Colors */
+  --color-primary: #4a8eff;
+  --color-secondary: #1f3a93;
+}