/**
    Custom color variables for Rockit - aligned with landing page palette.
    Attention, "./backpack-color-adjustments.css" depends on this file to properly function.
*/

@charset "UTF-8";
:root, [data-bs-theme=light], [data-menu-theme=light] {
    /* Grayscale - aligned with landing page (--text-dark, --text-muted, --border-color) */
    --tblr-gray: #64748b;
    --tblr-gray-dark: #1e293b;
    --tblr-gray-100: #f8f7ff;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #cbd5e1;
    --tblr-gray-400: #94a3b8;
    --tblr-gray-500: #64748b;
    --tblr-gray-600: #475569;
    --tblr-gray-700: #334155;
    --tblr-gray-800: #1e293b;
    --tblr-gray-900: #0f172a;

    /* Brand colors */
    --tblr-primary: #7c69ef;
    --tblr-secondary: #64748b;
    --tblr-success: #22c55e;
    --tblr-info: #467fd0;
    --tblr-warning: #f59e0b;
    --tblr-danger: #ef4444;
    --tblr-light: #f8fafc;
    --tblr-dark: #1e293b;
    --tblr-muted: #64748b;
    --tblr-tabler: #7c69ef;

    /* RGB equivalents */
    --tblr-primary-rgb: 124, 105, 239;
    --tblr-secondary-rgb: 100, 116, 139;
    --tblr-success-rgb: 34, 197, 94;
    --tblr-info-rgb: 70, 127, 208;
    --tblr-warning-rgb: 245, 158, 11;
    --tblr-danger-rgb: 239, 68, 68;
    --tblr-light-rgb: 248, 250, 252;
    --tblr-dark-rgb: 30, 41, 59;
    --tblr-muted-rgb: 100, 116, 139;
    --tblr-tabler-rgb: 124, 105, 239;

    /* Text emphasis */
    --tblr-primary-text-emphasis: #4338ca;
    --tblr-secondary-text-emphasis: #334155;
    --tblr-success-text-emphasis: #166534;
    --tblr-info-text-emphasis: #1c3353;
    --tblr-warning-text-emphasis: #92400e;
    --tblr-danger-text-emphasis: #991b1b;
    --tblr-light-text-emphasis: #334155;
    --tblr-dark-text-emphasis: #334155;

    /* Subtle backgrounds - aligned with landing page --primary-light (#ede9fe) */
    --tblr-primary-bg-subtle: #ede9fe;
    --tblr-secondary-bg-subtle: #f1f5f9;
    --tblr-success-bg-subtle: #dcfce7;
    --tblr-info-bg-subtle: #dae5f6;
    --tblr-warning-bg-subtle: #fef3c7;
    --tblr-danger-bg-subtle: #fee2e2;
    --tblr-light-bg-subtle: #f8fafc;
    --tblr-dark-bg-subtle: #94a3b8;

    /* Subtle borders */
    --tblr-primary-border-subtle: #c4b5fd;
    --tblr-secondary-border-subtle: #e2e8f0;
    --tblr-success-border-subtle: #bbf7d0;
    --tblr-info-border-subtle: #b5ccec;
    --tblr-warning-border-subtle: #fde68a;
    --tblr-danger-border-subtle: #fecaca;
    --tblr-light-border-subtle: #e2e8f0;
    --tblr-dark-border-subtle: #64748b;

    /* Body */
    --tblr-body-font-size: 0.875rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #1e293b;
    --tblr-body-color-rgb: 30, 41, 59;
    --tblr-body-bg: #f8f7ff;
    --tblr-body-bg-rgb: 248, 247, 255;

    /* Emphasis */
    --tblr-emphasis-color: #000;
    --tblr-emphasis-color-rgb: 0, 0, 0;

    /* Secondary/Tertiary */
    --tblr-secondary-color: rgba(30, 41, 59, .75);
    --tblr-secondary-color-rgb: 30, 41, 59;
    --tblr-secondary-bg: #e2e8f0;
    --tblr-secondary-bg-rgb: 226, 232, 240;
    --tblr-tertiary-color: rgba(30, 41, 59, .5);
    --tblr-tertiary-color-rgb: 30, 41, 59;
    --tblr-tertiary-bg: #f8f7ff;
    --tblr-tertiary-bg-rgb: 248, 247, 255;

    /* Links - matching landing page primary */
    --tblr-link-color: #7c69ef;
    --tblr-link-color-rgb: 124, 105, 239;
    --tblr-link-hover-color: #6352d6;
    --tblr-link-hover-color-rgb: 99, 82, 214;

    /* Borders */
    --tblr-border-color: #e2e8f0;
    --tblr-border-color-translucent: rgba(100, 116, 139, .16);

    /* Shadows & Focus */
    --tblr-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --tblr-focus-ring-width: 0.25rem;
    --tblr-focus-ring-opacity: 0.25;
    --tblr-focus-ring-color: rgba(124, 105, 239, .25);

    /* Forms */
    --tblr-form-valid-color: #22c55e;
    --tblr-form-valid-border-color: #22c55e;
    --tblr-form-invalid-color: #ef4444;
    --tblr-form-invalid-border-color: #ef4444;
    --tblr-danger-text: var(--tblr-danger);

    /* Navbar */
    --tblr-navbar-border-color: transparent;
}

[data-bs-theme=dark], [data-menu-theme=dark] {
    --tblr-body-color: var(--tblr-gray-400);
    --tblr-body-color-rgb: 148, 163, 184;
    --tblr-body-bg: #0f172a;
    --tblr-body-bg-rgb: 15, 23, 42;
    --tblr-emphasis-color: #fff;
    --tblr-emphasis-color-rgb: 255, 255, 255;
    --tblr-secondary-color: rgba(148, 163, 184, .75);
    --tblr-secondary-color-rgb: 148, 163, 184;
    --tblr-secondary-bg: #1e293b;
    --tblr-secondary-bg-rgb: 30, 41, 59;
    --tblr-tertiary-color: rgba(148, 163, 184, .5);
    --tblr-tertiary-color-rgb: 148, 163, 184;
    --tblr-tertiary-bg: #1e1b4b;
    --tblr-tertiary-bg-rgb: 30, 27, 75;
    --tblr-primary-text-emphasis: #a78bfa;
    --tblr-secondary-text-emphasis: #cbd5e1;
    --tblr-success-text-emphasis: #86efac;
    --tblr-info-text-emphasis: #90b2e3;
    --tblr-warning-text-emphasis: #fcd34d;
    --tblr-danger-text-emphasis: #fca5a5;
    --tblr-light-text-emphasis: #f1f5f9;
    --tblr-dark-text-emphasis: #cbd5e1;
    --tblr-primary-bg-subtle: #1e1b4b;
    --tblr-secondary-bg-subtle: #1e293b;
    --tblr-success-bg-subtle: #052e16;
    --tblr-info-bg-subtle: #0e192a;
    --tblr-warning-bg-subtle: #451a03;
    --tblr-danger-bg-subtle: #450a0a;
    --tblr-light-bg-subtle: #1e293b;
    --tblr-dark-bg-subtle: #0f172a;
    --tblr-primary-border-subtle: #312e81;
    --tblr-secondary-border-subtle: #475569;
    --tblr-success-border-subtle: #166534;
    --tblr-info-border-subtle: #2a4c7d;
    --tblr-warning-border-subtle: #92400e;
    --tblr-danger-border-subtle: #991b1b;
    --tblr-light-border-subtle: #334155;
    --tblr-dark-border-subtle: #1e293b;
    --tblr-link-color: #a78bfa;
    --tblr-link-hover-color: #c4b5fd;
    --tblr-link-color-rgb: 167, 139, 250;
    --tblr-link-hover-color-rgb: 196, 181, 253;
    --tblr-code-color: #a78bfa;
    --tblr-border-color: #1e293b;
    --tblr-border-color-translucent: var(--tblr-border-color);
    --tblr-form-valid-color: #86efac;
    --tblr-form-valid-border-color: #86efac;
    --tblr-form-invalid-color: #fca5a5;
    --tblr-form-invalid-border-color: #fca5a5;
    --tblr-bg-surface: #1e293b;
    --tblr-navbar-bg: var(--tblr-bg-surface);
    --tblr-dark-mode-border-color: #334155;
    --tblr-bg-main-color: #0f172a;
    --tblr-bg-forms: var(--tblr-dark-mode-border-color);
    --tblr-danger-text: var(--tblr-danger);
    --tblr-danger: #f87171;
    --tblr-danger-rgb: 248, 113, 113;
    --tblr-navbar-color: rgba(255, 255, 255, 0.7);
    --tblr-bg-surface-tertiary: #ffffff02;
    --tblr-navbar-border-color: transparent;
}