/* Verbatim master palette and dark tokens from static/css/common/style.css at 9329d88e. */
:root {
    --ylw-primary-base: #4B4F9A;
    --ylw-primary-50: #F7F7FD;
    --ylw-primary-100: #E6E5F8;
    --ylw-primary-200: #CFCEF1;
    --ylw-primary-300: #B7B6E8;
    --ylw-primary-400: #9F9DDC;
    --ylw-primary-500: #6c6acd;
    --ylw-primary-600: #5C5DB5;
    --ylw-primary-700: #4B4F9A;
    --ylw-primary-800: #404383;
    --ylw-primary-900: #383B73;
    --ylw-green-base: #42814D;
    --ylw-green-50: #F3F9F5;
    --ylw-green-100: #E2F3E7;
    --ylw-green-200: #C8E9D2;
    --ylw-green-300: #AEDBB7;
    --ylw-green-400: #94CD9C;
    --ylw-green-500: #5DB86E;
    --ylw-green-600: #55A864;
    --ylw-green-700: #4D985B;
    --ylw-green-800: #42814D;
    --ylw-green-900: #3A7244;
    --ylw-blue-base: #0F63A8;
    --ylw-blue-50: #F0F6FB;
    --ylw-blue-100: #DBEDF5;
    --ylw-blue-200: #BCDDED;
    --ylw-blue-300: #98C9E4;
    --ylw-blue-400: #74B4DB;
    --ylw-blue-500: #3084C9;
    --ylw-blue-600: #2073B8;
    --ylw-blue-700: #0F63A8;
    --ylw-blue-800: #0D548F;
    --ylw-blue-900: #0C4A7E;
    --ylw-yellow-base: #FBBD11;
    --ylw-yellow-50: #fffdf4;
    --ylw-yellow-100: #fff8dd;
    --ylw-yellow-200: #feebb8;
    --ylw-yellow-300: #fdde88;
    --ylw-yellow-400: #FCD11A;
    --ylw-yellow-500: #FBBD11;
    --ylw-yellow-600: #F9A907;
    --ylw-yellow-700: #c78706;
    --ylw-yellow-800: #9d6a04;
    --ylw-yellow-900: #704c03;
    --ylw-red-base: #C62828;
    --ylw-red-50: #fef5f5;
    --ylw-red-100: #fbe1e1;
    --ylw-red-200: #f7c4c2;
    --ylw-red-300: #f29c9a;
    --ylw-red-400: #eb6a67;
    --ylw-red-500: #E53935;
    --ylw-red-600: #d6302f;
    --ylw-red-700: #C62828;
    --ylw-red-800: #a82222;
    --ylw-red-900: #951e1e;
    --ylw-neutral-base: #282828;
    --ylw-neutral-50: #FAFAFA;
    --ylw-neutral-100: #F2F2F2;
    --ylw-neutral-200: #E6E6E6;
    --ylw-neutral-300: #DBDBDB;
    --ylw-neutral-400: #CACACA;
    --ylw-neutral-500: #A1A1A1;
    --ylw-neutral-600: #707070;
    --ylw-neutral-700: #515151;
    --ylw-neutral-800: #3C3C3C;
    --ylw-neutral-900: #282828;
    --ylw-primary: #6c6acd;
    --ylw-primary-dark: #4B4F9A;
    --ylw-green: #5DB86E;
    --ylw-green-dark: #42814D;
    --ylw-blue: #3084C9;
    --ylw-blue-dark: #0F63A8;
    --ylw-yellow: #FCD11A;
    --ylw-orange: #F9A907;
    --ylw-red: #E53935;
    --ylw-red-dark: #C62828;
    --ylw-neutral: #515151;
    --ylw-neutral-dark: #282828;
    --ylw-neutral-light: #F2F2F2;
    --ylw-dark: #282828;
    --ylw-dark-alt: #515151;
    --ylw-light: #F2F2F2;
    --ylw-bg: var(--ylw-primary-50);
    --ylw-surface: #fff;
    --ylw-border: var(--ylw-primary-100);
    --ylw-text-primary: var(--ylw-dark);
    --ylw-text-secondary: var(--ylw-dark-alt);
    --ylw-text-on-primary: #FFFFFF;
    --ylw-success: var(--ylw-green);
    --ylw-warning: var(--ylw-orange);
    --ylw-info: var(--ylw-blue);
    --ylw-error: #E53935
}

/* ========================================
   DARK THEME
   ======================================== */
[data-theme="dark"] {
    /* Background colors */
    --ylw-bg: #121218;
    --ylw-surface: #1e1e26;
    --ylw-border: #2d2d3a;

    /* Text colors */
    --ylw-text-primary: #e5e5e5;
    --ylw-text-secondary: #a0a0a0;
    --ylw-dark: #e5e5e5;
    --ylw-dark-alt: #a0a0a0;
    --ylw-light: #1e1e26;
    --ylw-neutral-light: #2d2d3a;

    /* Neutral palette (inverted for dark mode) */
    --ylw-neutral-50: #1a1a22;
    --ylw-neutral-100: #252530;
    --ylw-neutral-200: #2d2d3a;
    --ylw-neutral-300: #3a3a4a;
    --ylw-neutral-400: #4a4a5a;
    --ylw-neutral-500: #6a6a7a;
    --ylw-neutral-600: #9a9aaa;
    --ylw-neutral-700: #b5b5c5;
    --ylw-neutral-800: #d0d0e0;
    --ylw-neutral-900: #e5e5f0;

    /* Primary palette light variants (darkened for dark mode) */
    --ylw-primary-50: #1a1a2a;
    --ylw-primary-100: #252538;
    --ylw-primary-200: #2d2d45;

    /* Green palette light variants */
    --ylw-green-50: #1a2220;
    --ylw-green-100: #202a26;
    --ylw-green-200: #263530;

    /* Blue palette light variants */
    --ylw-blue-50: #1a2028;
    --ylw-blue-100: #1e2a38;
    --ylw-blue-200: #223545;

    /* Yellow palette light variants */
    --ylw-yellow-50: #222018;
    --ylw-yellow-100: #2a2618;
    --ylw-yellow-200: #352f1a;

    /* Red palette light variants */
    --ylw-red-50: #221a1a;
    --ylw-red-100: #2d2020;
    --ylw-red-200: #382525;

    /* Navigation variables for dark mode */
    --pnv-nav-background-color: #1a1a24;
    --pnv-nav-dropmenu-background-color: #1e1e26;
    --pnv-nav-dropmenu-text-color: #e5e5e5;
    --pnv-btn-dropmenu-background-color-default: #1e1e26;
    --pnv-btn-dropmenu-background-color-hovered: #2a2a36;
    --pnv-btn-dropmenu-background-color-pressed: #353545;
    --pnv-border-color-default: #3a3a4a;
    --pnv-btn-background-color-default: #2a2a3a;
    --pnv-btn-background-color-hovered: #353545;
    --pnv-btn-background-color-pressed: #404050;

    /* Bootstrap overrides */
    --bs-body-bg: #121218;
    --bs-body-color: #e5e5e5;
    --bs-card-bg: #1e1e26;
    --bs-card-border-color: #2d2d3a;
    --bs-border-color: #2d2d3a;
    --bs-secondary-bg: #252530;
    --bs-tertiary-bg: #1a1a22;

    /* Form controls */
    --bs-form-control-bg: #252530;
    --bs-form-control-disabled-bg: #1a1a22;

    /* Modal overrides */
    --bs-modal-bg: #1e1e26;
    --bs-modal-border-color: #2d2d3a;

    /* Dropdown overrides */
    --bs-dropdown-bg: #1e1e26;
    --bs-dropdown-border-color: #2d2d3a;
    --bs-dropdown-link-color: #e5e5e5;
    --bs-dropdown-link-hover-bg: #2a2a36;

    /* Toast overrides - keep colored toasts as-is */
    color-scheme: dark
}