:root {
    --jda-primary: #1e4d35;
    --jda-primary-light: #346545;
    --jda-primary-dark: #163726;
    --jda-primary-soft: rgba(30, 77, 53, 0.12);
    --jda-sage: #6a9e74;
    --jda-sage-light: #c3dfc9;
    --jda-sage-wash: #eaf3ec;
    --jda-sage-hover: #dcebe0;
    --jda-sand: #d4cda4;
    --jda-cream: #f5f0e3;
    --jda-cloud: #f0f3f0;
    --jda-surface: #ffffff;
    --jda-mist: #d5ddd8;
    --jda-ink: #1a2b22;
    --jda-text: #374a3e;
    --jda-subtle: #6e7f73;
    --jda-accent: #c05025;
    --jda-accent-light: #d06a42;
    --jda-accent-dark: #9f3f1a;
    --jda-clay-bg: #f8eee9;
    --jda-clay-hover: #f2dfd6;
    --jda-clay-border: #e7c4b6;
    --jda-clay-text: #9f3f1a;
    --jda-night-bg: #f2eef4;
    --jda-night-hover: #e8e0ee;
    --jda-night-border: #d9cfe4;
    --jda-night-text: #5a4668;
    --jda-neutral-bg: #edf1ed;
    --jda-neutral-text: #526257;
    --jda-blue-bg: #eff6ff;
    --jda-blue-border: #bfdbfe;
    --jda-blue-text: #1d4ed8;
    --jda-emerald-bg: #ecfdf5;
    --jda-emerald-border: #a7f3d0;
    --jda-emerald-text: #047857;
    --jda-amber-bg: #fffbeb;
    --jda-amber-border: #fde68a;
    --jda-amber-text: #92400e;
    --jda-rose-bg: #fff1f2;
    --jda-rose-border: #fecdd3;
    --jda-rose-text: #be123c;
    --jda-radius-ui: 4px;
    --jda-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --jda-font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.jda-theme {
    background: var(--jda-cloud);
    color: var(--jda-ink);
    font-family: var(--jda-font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jda-theme button,
.jda-theme input,
.jda-theme select,
.jda-theme textarea,
.jda-theme a {
    font: inherit;
}

.jda-theme h1,
.jda-theme h2,
.jda-theme h3,
.jda-theme h4,
.jda-theme button,
.jda-theme th,
.jda-theme label,
.jda-theme .font-semibold,
.jda-theme .font-bold,
.jda-theme .font-black {
    font-family: var(--jda-font-heading);
}

.jda-theme button:focus-visible,
.jda-theme input:focus-visible,
.jda-theme select:focus-visible,
.jda-theme textarea:focus-visible,
.jda-theme a:focus-visible {
    outline: 2px solid rgba(30, 77, 53, 0.42);
    outline-offset: 2px;
}

.jda-theme .rounded,
.jda-theme .rounded-md,
.jda-theme .rounded-lg,
.jda-theme .rounded-xl,
.jda-theme .rounded-2xl,
.jda-theme .rounded-t-lg,
.jda-theme .rounded-b-lg {
    border-radius: var(--jda-radius-ui) !important;
}

.jda-theme .bg-gray-50,
.jda-theme .bg-gray-100,
.jda-theme .bg-gray-200,
.jda-theme .bg-slate-50,
.jda-theme .bg-slate-100,
.jda-theme .bg-slate-200 {
    background-color: var(--jda-cloud) !important;
}

.jda-theme .bg-white {
    background-color: var(--jda-surface) !important;
}

.jda-theme .text-gray-900,
.jda-theme .text-slate-900 {
    color: var(--jda-ink) !important;
}

.jda-theme .text-gray-800,
.jda-theme .text-gray-700,
.jda-theme .text-slate-800,
.jda-theme .text-slate-700 {
    color: var(--jda-text) !important;
}

.jda-theme .text-gray-600,
.jda-theme .text-gray-500,
.jda-theme .text-gray-400,
.jda-theme .text-slate-600,
.jda-theme .text-slate-500 {
    color: var(--jda-subtle) !important;
}

.jda-theme .border-gray-100,
.jda-theme .border-gray-200,
.jda-theme .border-gray-300,
.jda-theme .border-slate-200,
.jda-theme .border-slate-300 {
    border-color: var(--jda-mist) !important;
}

.jda-theme .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
.jda-theme .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--jda-mist) !important;
}

.jda-theme .bg-blue-50,
.jda-theme .bg-blue-100,
.jda-theme .bg-blue-200,
.jda-theme .bg-indigo-50,
.jda-theme .bg-indigo-50\/70,
.jda-theme .bg-indigo-100,
.jda-theme .bg-cyan-50,
.jda-theme .bg-cyan-100,
.jda-theme .bg-teal-50,
.jda-theme .bg-teal-100,
.jda-theme .bg-sky-50,
.jda-theme .bg-sky-100 {
    background-color: var(--jda-sage-wash) !important;
}

.jda-theme .bg-blue-500,
.jda-theme .bg-blue-600,
.jda-theme .bg-blue-700,
.jda-theme .bg-indigo-500,
.jda-theme .bg-indigo-600,
.jda-theme .bg-cyan-500,
.jda-theme .bg-cyan-600,
.jda-theme .bg-teal-500,
.jda-theme .bg-teal-600,
.jda-theme .bg-sky-600 {
    background-color: var(--jda-primary) !important;
}

.jda-theme .hover\:bg-blue-100:hover,
.jda-theme .hover\:bg-blue-200:hover,
.jda-theme .hover\:bg-indigo-100:hover,
.jda-theme .hover\:bg-indigo-200:hover,
.jda-theme .hover\:bg-sky-100:hover,
.jda-theme .hover\:bg-sky-200:hover,
.jda-theme .hover\:bg-sky-50:hover {
    background-color: var(--jda-sage-hover) !important;
}

.jda-theme .hover\:bg-blue-700:hover,
.jda-theme .hover\:bg-indigo-700:hover,
.jda-theme .hover\:bg-cyan-700:hover,
.jda-theme .hover\:bg-teal-700:hover,
.jda-theme .hover\:bg-sky-700:hover {
    background-color: var(--jda-primary-light) !important;
}

.jda-theme .text-blue-600,
.jda-theme .text-blue-700,
.jda-theme .text-blue-800,
.jda-theme .text-blue-900,
.jda-theme .text-indigo-600,
.jda-theme .text-indigo-700,
.jda-theme .text-indigo-800,
.jda-theme .text-indigo-900,
.jda-theme .text-indigo-950,
.jda-theme .text-cyan-600,
.jda-theme .text-cyan-700,
.jda-theme .text-teal-600,
.jda-theme .text-teal-700,
.jda-theme .text-teal-800,
.jda-theme .text-sky-600,
.jda-theme .text-sky-700,
.jda-theme .text-sky-900,
.jda-theme .text-sky-800 {
    color: var(--jda-primary) !important;
}

.jda-theme .border-blue-200,
.jda-theme .border-blue-300,
.jda-theme .border-blue-500,
.jda-theme .border-indigo-200,
.jda-theme .border-indigo-300,
.jda-theme .border-cyan-200,
.jda-theme .border-sky-100,
.jda-theme .border-sky-200,
.jda-theme .border-teal-200 {
    border-color: var(--jda-sage-light) !important;
}

.jda-theme .focus\:border-blue-500:focus,
.jda-theme .focus\:ring-blue-500:focus,
.jda-theme .focus-visible\:ring-blue-500:focus-visible,
.jda-theme .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-color: rgba(30, 77, 53, 0.32) !important;
    border-color: var(--jda-primary-light) !important;
}

.jda-theme .bg-green-50,
.jda-theme .bg-green-100,
.jda-theme .bg-emerald-50,
.jda-theme .bg-emerald-100 {
    background-color: var(--jda-emerald-bg) !important;
}

.jda-theme .bg-green-500,
.jda-theme .bg-green-600 {
    background-color: #166534 !important;
}

.jda-theme .hover\:bg-green-700:hover {
    background-color: #14532d !important;
}

.jda-theme .text-green-600,
.jda-theme .text-green-700,
.jda-theme .text-green-800,
.jda-theme .text-emerald-700,
.jda-theme .text-emerald-800 {
    color: var(--jda-emerald-text) !important;
}

.jda-theme .border-green-200,
.jda-theme .border-green-300,
.jda-theme .border-emerald-200 {
    border-color: var(--jda-emerald-border) !important;
}

.jda-theme .bg-yellow-50,
.jda-theme .bg-yellow-100,
.jda-theme .bg-amber-50,
.jda-theme .bg-amber-100 {
    background-color: var(--jda-amber-bg) !important;
}

.jda-theme .bg-yellow-500,
.jda-theme .bg-amber-400,
.jda-theme .bg-amber-500,
.jda-theme .bg-amber-600 {
    background-color: #92400e !important;
}

.jda-theme .hover\:bg-yellow-100:hover,
.jda-theme .hover\:bg-yellow-200:hover,
.jda-theme .hover\:bg-amber-200:hover,
.jda-theme .hover\:bg-amber-300:hover {
    background-color: #fef3c7 !important;
}

.jda-theme .hover\:bg-amber-500:hover,
.jda-theme .hover\:bg-amber-700:hover {
    background-color: #78350f !important;
}

.jda-theme .text-yellow-600,
.jda-theme .text-yellow-700,
.jda-theme .text-yellow-800,
.jda-theme .text-amber-700,
.jda-theme .text-amber-800,
.jda-theme .text-amber-900 {
    color: var(--jda-amber-text) !important;
}

.jda-theme .border-yellow-200,
.jda-theme .border-yellow-300,
.jda-theme .border-amber-100,
.jda-theme .border-amber-200,
.jda-theme .border-amber-300 {
    border-color: var(--jda-amber-border) !important;
}

.jda-theme .bg-red-50,
.jda-theme .bg-red-100,
.jda-theme .bg-rose-50,
.jda-theme .bg-rose-100 {
    background-color: var(--jda-rose-bg) !important;
}

.jda-theme .bg-red-500,
.jda-theme .bg-red-600,
.jda-theme .bg-rose-500,
.jda-theme .bg-rose-600 {
    background-color: #dc2646 !important;
}

.jda-theme .hover\:bg-red-700:hover,
.jda-theme .hover\:bg-red-100:hover,
.jda-theme .hover\:bg-rose-200:hover {
    background-color: #be123c !important;
}

.jda-theme .text-red-600,
.jda-theme .text-red-700,
.jda-theme .text-red-800,
.jda-theme .text-rose-700,
.jda-theme .text-rose-800 {
    color: var(--jda-rose-text) !important;
}

.jda-theme .border-red-200,
.jda-theme .border-red-300,
.jda-theme .border-red-500,
.jda-theme .border-rose-200 {
    border-color: var(--jda-rose-border) !important;
}

.jda-theme .bg-orange-50,
.jda-theme .bg-orange-50\/70,
.jda-theme .bg-orange-100 {
    background-color: var(--jda-clay-bg) !important;
}

.jda-theme .bg-orange-500,
.jda-theme .bg-orange-600 {
    background-color: var(--jda-accent) !important;
}

.jda-theme .hover\:bg-orange-100:hover {
    background-color: var(--jda-clay-hover) !important;
}

.jda-theme .hover\:bg-orange-700:hover {
    background-color: var(--jda-accent-dark) !important;
}

.jda-theme .text-orange-500,
.jda-theme .text-orange-600,
.jda-theme .text-orange-700,
.jda-theme .text-orange-800 {
    color: var(--jda-clay-text) !important;
}

.jda-theme .border-orange-200,
.jda-theme .border-orange-300 {
    border-color: var(--jda-clay-border) !important;
}

.jda-theme .bg-purple-50,
.jda-theme .bg-purple-100,
.jda-theme .bg-violet-50,
.jda-theme .bg-violet-50\/20,
.jda-theme .bg-violet-50\/30,
.jda-theme .bg-violet-50\/40,
.jda-theme .bg-violet-50\/50,
.jda-theme .bg-violet-50\/70,
.jda-theme .bg-violet-100,
.jda-theme .bg-violet-100\/60,
.jda-theme .bg-pink-50,
.jda-theme .bg-pink-100,
.jda-theme .bg-fuchsia-50,
.jda-theme .bg-fuchsia-100 {
    background-color: var(--jda-night-bg) !important;
}

.jda-theme .bg-purple-500,
.jda-theme .bg-purple-600,
.jda-theme .bg-violet-500,
.jda-theme .bg-violet-600,
.jda-theme .bg-pink-500,
.jda-theme .bg-fuchsia-500 {
    background-color: var(--jda-night-text) !important;
}

.jda-theme .hover\:bg-violet-50:hover {
    background-color: var(--jda-night-hover) !important;
}

.jda-theme .hover\:bg-violet-700:hover,
.jda-theme .hover\:bg-purple-700:hover,
.jda-theme .hover\:bg-pink-700:hover,
.jda-theme .hover\:bg-fuchsia-700:hover {
    background-color: #6c567b !important;
}

.jda-theme .text-purple-600,
.jda-theme .text-purple-700,
.jda-theme .text-purple-800,
.jda-theme .text-violet-400,
.jda-theme .text-violet-600,
.jda-theme .text-violet-700,
.jda-theme .text-violet-800,
.jda-theme .text-pink-700,
.jda-theme .text-pink-800,
.jda-theme .text-fuchsia-700,
.jda-theme .text-fuchsia-800 {
    color: var(--jda-night-text) !important;
}

.jda-theme .border-purple-200,
.jda-theme .border-purple-300,
.jda-theme .border-violet-100,
.jda-theme .border-violet-200,
.jda-theme .border-violet-300,
.jda-theme .border-pink-200,
.jda-theme .border-fuchsia-200 {
    border-color: var(--jda-night-border) !important;
}

.jda-theme .ring-rose-200\/60 {
    --tw-ring-color: rgba(220, 38, 70, 0.18) !important;
}

.jda-theme.admin-shell nav[aria-label="Administracao - sistema de ponto"],
.jda-theme.admin-shell nav[aria-label="Administração - sistema de ponto"] {
    background-color: var(--jda-primary) !important;
}

.jda-theme.admin-shell .admin-nav-link,
.jda-theme.admin-shell .admin-section-link {
    border-radius: 9999px !important;
    color: rgba(245, 240, 227, 0.84) !important;
    font-family: var(--jda-font-heading);
}

.jda-theme.admin-shell .admin-nav-link:hover,
.jda-theme.admin-shell .admin-nav-link.active,
.jda-theme.admin-shell .admin-section-link:hover,
.jda-theme.admin-shell .admin-section-link.active {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

.jda-theme.admin-shell .admin-section-link {
    background: rgba(22, 55, 38, 0.46) !important;
}

.jda-theme.admin-shell .admin-nav-brand,
.jda-theme.admin-shell .admin-nav-brand img {
    border-radius: var(--jda-radius-ui) !important;
}

.jda-theme.admin-shell .text-red-200,
.jda-theme.admin-shell .text-red-300 {
    color: rgba(245, 240, 227, 0.78) !important;
}

.jda-theme.admin-shell .border-red-500\/70 {
    border-color: rgba(195, 223, 201, 0.42) !important;
}

.jda-theme.admin-shell .bg-red-400\/50 {
    background-color: rgba(195, 223, 201, 0.38) !important;
}