/* Theme: royal_purple */
/* Author: Shahed Mohammad Hridoy */

:root {
    --primary-color-light: #f7f3fb;

    --btn-primary-txt-color: var(--color-white);
    --btn-danger-txt-color: var(--color-white);
    --tab-active-txt-color: var(--color-white);

    --input-color: #f7f3fb;

    --color-primary: #800080;
    --color-primary-rgb: 128, 0, 128;
    --bs-primary: var(--color-primary);
    --bs-primary-rgb: var(--color-primary-rgb);
    --color-primary-dark: #1f0330;
    --color-primary-darker: #150d25;
    --color-secondary: #5a6268;
    --color-danger: #dc3545;
    --color-danger-dark: #c82333;
    --color-success: #28a745;
    --color-success-dark: #218838;
    --color-warning: #ffc107;
    --color-warning-dark: #e0a800;
    --color-info: #17a2b8;
    --color-info-dark: #117a8b;
    --color-border: #e5e7eb;
    --color-border-dark: #d1d5db;

    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #a2a2a2;
    --color-gray-dark: #555555;
    --color-transparent: transparent;

    --color-light-orange: #FBE9E7;
    --color-light-indigo: #ecedff;

    --color-link: #5b21b6;
    --sidenav-menu-color: var(--color-white);
    --sidenav-section-bg: #5b21b6;
    --color-focus: #7f3f98;
    --color-action: var(--color-primary);
    --color-action-hover: var(--color-primary-dark);
    --overlay-backdrop: rgba(15, 23, 42, 0.58);
    --shadow-soft: rgba(0, 0, 0, 0.1);
    --shadow-raised: rgba(15, 23, 42, 0.08);
    --shadow-strong: rgba(0, 0, 0, 0.3);
    --focus-ring-color: rgba(127, 63, 152, 0.35);
    --resize-handle-gradient: linear-gradient(135deg, var(--color-transparent) 50%, var(--focus-ring-color) 50%);

    --surface-hover: #f7f3fb;
    --surface-page: var(--color-white);
    --surface-muted: #f9fafb;
    --surface-subtle: #f3f4f6;
    --surface-success: #ecfdf3;
    --surface-danger: #fef2f2;
    --surface-warning: #fff9c4;
    --color-border-hover: #d1d5db;
    --color-border-control: #d1d5db;
    --color-border-accent: #f3e8ff;
    --color-text-primary: #FFFFFF;
    --color-text-light: #FFFFFF;
    --color-text-dark: #000000;
    --color-text: #000000;
    --color-text-strong: var(--color-primary-darker);
    --color-text-muted: #6b7280;
    --color-text-subtle: #9ca3af;
    --color-accent: var(--color-primary);
    --color-accent-dark: var(--color-primary-dark);
    --color-accent-soft: #f3e8ff;
    --color-success-emphasis: var(--color-success-dark);
    --surface-control-hover: rgba(15, 23, 42, 0.08);
    --background-color: var(--color-light-indigo);
    --shadow: 0 14px 32px var(--shadow-raised);
    --border: 1px solid var(--color-border);

    --gradient-primary: linear-gradient(90deg, var(--color-primary-darker), var(--color-primary));
}

a:hover,
a:focus {
    color: var(--color-primary);
}

/* Bootstrap Primary Color Overrides */
.text-primary,
.link-primary {
    color: var(--color-primary) !important;
}
a.text-primary:hover,
a.text-primary:focus,
.link-primary:hover,
.link-primary:focus {
    color: var(--color-primary-dark) !important;
}
.bg-primary,
.badge-primary {
    background-color: var(--color-primary) !important;
}
.border-primary {
    border-color: var(--color-primary) !important;
}
.alert-primary,
.list-group-item-primary,
.table-primary {
    color: var(--color-primary-darker);
    background-color: var(--color-accent-soft);
    border-color: var(--color-border-accent);
}

/* Background Colors */
.bg-light-red {background: var(--surface-danger);}
.light-purple {background: var(--color-accent-soft);}
.light-green {background: var(--surface-success);}

.bg-white {background: var(--color-white);}
.bg-primary-light {background: rgba(var(--color-primary-rgb), 0.08);}
.bg-light-blue {background: var(--color-light-indigo);}
.bg-light-orange {background: var(--color-light-orange);}
.bg-teal-blue {background: var(--color-info-dark);}
.bg-dark-teal-blue {background: var(--color-primary-dark);}

.bg-purple {
    background: linear-gradient(135deg, var(--color-focus), var(--color-accent));
}
.bg-green {
    background: linear-gradient(135deg, var(--color-success-dark), var(--color-success));
}
.bg-orange {
    background: linear-gradient(135deg, var(--color-warning-dark), var(--color-warning));
}

.bg-danger {background: var(--color-danger) !important;}
.bg-success {background: var(--color-success) !important;}
.bg-warning {background: var(--color-warning) !important;}

/* Text Colors */
.text-light {color: var(--color-white) !important;}
.text-dark {color: var(--color-black) !important;}

.asteriskField {color: var(--color-danger);}