clone init

2026-01-16 21:47:58 +01:00
parent ffbb240a23
commit ce1a73f2bc
160 changed files with 64257 additions and 9 deletions
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -0,0 +1,113 @@
+@import "tailwindcss";
+
+@theme {
+  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --font-heading: 'Inter', system-ui, sans-serif;
+  --font-body: 'Inter', system-ui, sans-serif;
+
+  --color-primary: #0056b3;
+  --color-primary-dark: #003d82;
+  --color-primary-light: #e6f0ff;
+
+  --color-secondary: #003d82;
+  --color-secondary-light: #0056b3;
+
+  --color-accent: #e6f0ff;
+  --color-accent-light: #f0f7ff;
+
+  --color-neutral: #f8f9fa;
+  --color-neutral-light: #ffffff;
+  --color-neutral-dark: #e9ecef;
+
+  --color-text-primary: #1a1a1a;
+  --color-text-secondary: #6c757d;
+  --color-text-light: #adb5bd;
+
+  --color-success: #28a745;
+  --color-warning: #ffc107;
+  --color-danger: #dc3545;
+  --color-info: #17a2b8;
+}
+
+/* Custom Utilities */
+@utility touch-target {
+  min-height: 44px;
+  min-width: 44px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@utility mobile-hidden {
+  @media (max-width: 767px) {
+    display: none !important;
+  }
+}
+
+@utility tablet-hidden {
+  @media (min-width: 768px) and (max-width: 1023px) {
+    display: none !important;
+  }
+}
+
+@utility desktop-hidden {
+  @media (min-width: 1024px) {
+    display: none !important;
+  }
+}
+
+@utility mobile-only {
+  @media (min-width: 768px) {
+    display: none !important;
+  }
+}
+
+@utility tablet-only {
+  @media (max-width: 767px), (min-width: 1024px) {
+    display: none !important;
+  }
+}
+
+@utility desktop-only {
+  @media (max-width: 1023px) {
+    display: none !important;
+  }
+}
+
+@utility fluid-spacing {
+  padding: clamp(1rem, 3vw, 3rem);
+  margin: clamp(0.5rem, 2vw, 2rem);
+}
+
+@utility text-start-mobile {
+  @media (max-width: 767px) {
+    text-align: left;
+  }
+}
+
+@utility text-center-mobile {
+  @media (max-width: 767px) {
+    text-align: center;
+  }
+}
+
+@utility text-end-mobile {
+  @media (max-width: 767px) {
+    text-align: right;
+  }
+}
+
+@utility grid-mobile-stacked {
+  @media (max-width: 767px) {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+}
+
+@utility safe-area-p {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}