/* Variables */
:root {
    --header-font: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --body-font: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --body-background-color: #f4f2ee /*#f4f2ee #f5f6fb*/;
    --header-color: #111827;
    --sub-title-color: #6b7280;
    --footer-text-color: rgba(255, 255, 255, 1);
    --footer-background-color: #242424;
    --body-text-color: #212529 /*rgba(0, 0, 0, 0.38)*/;
    --primary-color: #51279b;
    --primary-color-rgb: 81, 39, 155;
    --secondary-color: #eae2f8;
    --primary-link-color: var(--primary-color);
    --primary-link-hover: #8662c7;
    --secondary-link-color: var(--secondary-color);
    --secondary-link-hover: #cfbcf2;
    --valid-background: #eef8f2;
    --valid-border: #d8f0e1;
    --valid-color: #198754;
    --valid-color-rgb: 25, 135, 84;
    --active-background: #eef8f2;
    --active-border: #d8f0e1;
    --active-color: #198754;
    --invalid-color: #dc3545;
    --invalid-color-rgb: 220, 53, 69;
    --invalid-background: #fff5f5;
    --pending-background: #fff8e8;
    --pending-color: #b88216;
    --pending-border: #f7e8bf;
    --inactive-background: #f4f3f7;
    --inactive-color: #7e778c;
    --inactive-border: #ebe8f0;
    --navigation-link-color: rgba(245, 245, 245, 1);
    --border-color: #eeeeee;
    --bs-border-color: var(--border-color);
    --bs-border-color-translucent: var(--border-color);
    --background-subtle-color: #f8fafc;
    --surface-color: #ffffff;
    --surface-muted-color: #fafbfc;
    --surface-border-color: #d6dce5;
    --scrollbar-track: var(--surface-muted-color);
    --scrollbar-thumb: #d8cdec;
    --scrollbar-thumb-hover: var(--primary-link-hover);
    --surface-radius: 1rem;
    --surface-radius-sm: 1rem;
    --control-bg: #f3f4f6;
    --control-text: #1f2937;
    --control-active-bg: rgba(81, 39, 155, 0.1);
    --control-focus-ring: 0 0 0 0.2rem rgba(81, 39, 155, 0.12);
    --form-field-bg: var(--background-subtle-color);
    --form-text-color: rgba(0, 0, 0, 0.7);
    --form-border: #e5e7eb;
    --form-border-hover: var(--body-text-color);
    --form-border-radius: 1rem;
    --button-border-radius: 8px;
    --dropzone-bg: #ffffff;
    --nav-link: #6c757d;
    --navbar-height: 92px;
    --sidebar-width: 260px;
    --content-gutter: 3rem;
    --mobile-content-gutter: 1rem;
    --sidebar-bg: #ffffff;
    --text-muted-color: #6c757d;
    --sidebar-text: var(--nav-link);
    --sidebar-muted: var(--text-muted-color);
    --sidebar-hover: #f1f5f9;
    --sidebar-active-bg: var(--secondary-color);
    --sidebar-active-text: var(--primary-color);
    --shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    --table-text: #2f2a3a;
    --table-muted: var(--text-muted-color);
    --table-line: var(--border-color);
    --table-head: #fbfafc;
    --table-hover: var(--sidebar-hover);
    --widget-icon-bg: #f1f5f9;
    --widget-icon-color: #64748b;
}