/*
 * nudgi Theme Override
 * Primary color: #7266ab (violet nudgi)
 * This file overrides the default blue theme with the nudgi brand purple
 */

:root {
    /* Nudgi Purple Palette */
    --nudgi-50: #f5f3fa;
    --nudgi-100: #eae6f4;
    --nudgi-200: #d5cce9;
    --nudgi-300: #b8a9d9;
    --nudgi-400: #9d8fd8;
    --nudgi-500: #7266ab;
    --nudgi-600: #635998;
    --nudgi-700: #524a7d;
    --nudgi-800: #433d65;
    --nudgi-900: #383354;
    --nudgi-950: #231f38;

    /* Override primary with nudgi purple */
    --primary: #7266ab !important;
    --primary-foreground: #ffffff !important;

    /* Ring color for focus states */
    --ring: #9d8fd8 !important;
}

.dark {
    /* Dark mode primary - slightly lighter for better visibility */
    --primary: #8578bd !important;
    --primary-foreground: #ffffff !important;

    /* Background with purple tint instead of blue */
    --background: #0f0d14 !important;
    --foreground: #f5f3fa !important;

    --card: #16131e !important;
    --card-foreground: #f5f3fa !important;

    --popover: #16131e !important;
    --popover-foreground: #f5f3fa !important;

    --secondary: #231f38 !important;
    --secondary-foreground: #f5f3fa !important;

    --muted: #1a1625 !important;
    --muted-foreground: #a09baf !important;

    --accent: #1f1a2e !important;
    --accent-foreground: #f5f3fa !important;

    --border: #2d2844 !important;
    --input: #2d2844 !important;
    --ring: #7266ab !important;
}

/* Button primary override */
.btn-primary,
.kt-btn-primary {
    background-color: #7266ab !important;
    border-color: #7266ab !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.kt-btn-primary:hover {
    background-color: #635998 !important;
    border-color: #635998 !important;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: #524a7d !important;
    border-color: #524a7d !important;
}

/* Text primary color */
.text-primary {
    color: #7266ab !important;
}

.dark .text-primary {
    color: #9d8fd8 !important;
}

/* Background primary */
.bg-primary {
    background-color: #7266ab !important;
}

/* Border primary */
.border-primary {
    border-color: #7266ab !important;
}

/* Active/selected states in tabs, nav etc */
.border-primary {
    border-color: #7266ab !important;
}

/* Focus ring */
*:focus-visible {
    outline-color: #7266ab !important;
}

/* Checkbox and radio checked states */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #7266ab !important;
    border-color: #7266ab !important;
}

/* Select focus */
select:focus {
    border-color: #7266ab !important;
    box-shadow: 0 0 0 3px rgba(114, 102, 171, 0.2) !important;
}

/* Input focus */
input:focus,
textarea:focus {
    border-color: #7266ab !important;
    box-shadow: 0 0 0 3px rgba(114, 102, 171, 0.2) !important;
}

/* Badge primary */
.badge-primary {
    background-color: #7266ab !important;
    color: #ffffff !important;
}

/* Links in primary color */
a.text-primary:hover {
    color: #524a7d !important;
}

/* Stepper active state (used in import) */
.stepper-item.active .stepper-icon {
    background: #7266ab !important;
}

/* Progress bar (import) */
.import-progress-bar {
    background: linear-gradient(90deg, #7266ab, #9d8fd8) !important;
}

/* Dark mode specific overrides for common elements */
.dark .bg-gray-800 {
    background-color: #1a1625 !important;
}

.dark .bg-gray-900 {
    background-color: #0f0d14 !important;
}

.dark .border-gray-700 {
    border-color: #2d2844 !important;
}

.dark .border-gray-800 {
    border-color: #231f38 !important;
}

/* Card backgrounds in dark mode */
.dark .card {
    background-color: #16131e !important;
    border-color: #2d2844 !important;
}

/* Sidebar in dark mode */
.dark .sidebar,
.dark [class*="sidebar"] {
    background-color: #0f0d14 !important;
}

/* Table stripes in dark mode */
.dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(114, 102, 171, 0.05) !important;
}

/* Hover states in dark mode */
.dark .hover\:bg-gray-800:hover {
    background-color: #1f1a2e !important;
}