+
+ {/* Card */}
+
+
+ {!acsUrl ? 'SAML IdP Login' : 'SAML SSO Login'}
+
+
+
diff --git a/postcss.config.js b/postcss.config.js
index 12a703d..e0f1748 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,3 @@
module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
+ plugins: ['@tailwindcss/postcss'],
};
diff --git a/styles/globals.css b/styles/globals.css
index 22e4d7e..2701898 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,48 +1,39 @@
+/* globals.css */
+@import 'tailwindcss';
+
+/* Tailwind base, components, utilities */
@tailwind base;
@tailwind components;
@tailwind utilities;
-html,
+@theme {
+ /* Brand */
+ --color-primary: oklch(51.1% 0.262 276.966);
+ --color-primary-hover: oklch(47% 0.262 276.966);
+
+ /* Soft / UI surfaces */
+ --color-primary-soft: oklch(51.1% 0.262 276.966 / 0.1);
+ --color-primary-muted: oklch(51.1% 0.262 276.966 / 0.6);
+
+ /* Focus ring */
+ --color-primary-ring: oklch(51.1% 0.262 276.966 / 0.4);
+}
+
+/* Optional body defaults */
body {
- padding: 0;
+ background-color: white;
+ font-family: ui-sans-serif, system-ui, sans-serif;
+ color: #1f2937; /* Tailwind gray-900 default */
+ line-height: 1.5;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
- 'Helvetica Neue', sans-serif;
- height: 100%;
+ padding: 0;
}
-#__next {
- height: 100%;
+/* Optional focus outline for accessibility */
+:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ ring-offset-width: 2px;
}
-a {
- color: inherit;
- text-decoration: none;
-}
-
-* {
- box-sizing: border-box;
-}
-
-@layer components {
- .alert {
- @apply rounded;
- }
-
- .input {
- @apply rounded;
- }
-
- .textarea {
- @apply rounded;
- }
-
- .select {
- @apply rounded;
- }
-
- .btn {
- @apply rounded;
- text-transform: none;
- }
-}
+/* You can define custom colors directly in tailwind.config.js instead of here */
diff --git a/tailwind.config.js b/tailwind.config.js
index 707c87d..42f824d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,5 @@
+/** @type {import('tailwindcss').Config} */
module.exports = {
- darkMode: 'class',
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
- plugins: [require('daisyui')],
- daisyui: {
- themes: ['light'],
- },
+ plugins: [],
};