Initial commit: OAuth IAM Laravel application

Laravel-based OAuth/IAM service with Passport, Vue 3 frontend, and
Docker Compose setup for local and production deployment.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

resources/scss/abstracts/_mixins.scss

@@ -0,0 +1,35 @@
+// Equivalente al prefijo `dark:` de Tailwind: el toggle de tema pone la clase
+// `.dark` en <html> (ver resources/js/composables/useTheme.ts), así que
+// cualquier regla dentro de este mixin solo aplica bajo esa clase ancestro.
+// Uso en los partials globales de components/ (no pasan por el compilador
+// "scoped" de Vue, así que acá ".dark &" alcanza). Los dos componentes que
+// SÍ usan <style scoped> (DailyLoginsChart, Analytics) escriben
+// ":global(.dark) &" directo en vez de este mixin — ver nota en esos archivos.
+@mixin dark {
+    .dark & {
+        @content;
+    }
+}
+
+@mixin focus-ring {
+    &:focus {
+        outline: none;
+    }
+
+    &:focus-visible {
+        outline: 2px solid var(--color-accent);
+        outline-offset: 2px;
+    }
+}
+
+@mixin truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+@mixin respond-up($breakpoint) {
+    @media (min-width: $breakpoint) {
+        @content;
+    }
+}