/**
 * velzon-base.css
 * Shared Velzon design tokens, extracted from per-module CSS files.
 * Loaded once in layouts/admin.blade.php, BEFORE any per-module Velzon
 * stylesheet. Only variables verified byte-identical across every module
 * file that declared them are here; module-specific tuning (contrast
 * variants, card radius/shadow, etc.) intentionally stays local to each
 * module file so it keeps overriding these defaults via normal CSS
 * cascade (same specificity, later load order wins).
 *
 * See docs/review/COMPONENT_REFACTOR.md Section 2 for the audit this
 * extraction is based on.
 */

:root {
    /* Brand & Semantic Colors */
    --vz-danger: #f06548;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-danger-border-subtle: #f8b6a9;
    --vz-danger-rgb: 240, 101, 72;
    --vz-dark: #212529;
    --vz-info: #299cdb;
    --vz-info-bg-subtle: #dff0fa;
    --vz-info-border-subtle: #a6d7f4;
    --vz-info-rgb: 41, 156, 219;
    --vz-light: #f3f6f9;
    --vz-primary: #405189;
    --vz-primary-bg-subtle: #e2e5ed;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-primary-dark: #364574;
    --vz-primary-hover: #364574;
    --vz-primary-rgb: 64, 81, 137;
    --vz-purple-rgb: 135, 87, 221;
    --vz-secondary: #3577f1;
    --vz-secondary-bg-subtle: #ebf1fe;
    --vz-secondary-border-subtle: #c3d6fc;
    --vz-secondary-rgb: 53, 119, 241;
    --vz-secondary-text: #215ec7;
    --vz-success: #0ab39c;
    --vz-success-bg-subtle: #daf4f0;
    --vz-success-border-subtle: #9de1d7;
    --vz-success-dark: #099885;
    --vz-success-hover: #099885;
    --vz-success-rgb: 10, 179, 156;
    --vz-warning: #f7b84b;
    --vz-warning-bg-subtle: #fef4e4;
    --vz-warning-border-subtle: #fcd799;
    --vz-warning-rgb: 247, 184, 75;

    /* Surfaces, Cards & Inputs */
    --vz-body-bg: #f3f3f9;
    --vz-body-color-rgb: 73, 80, 87;
    --vz-border-color: #e9ebec;
    --vz-border-dashed: #e9ebec;
    --vz-box-bg: #f8fafc;
    --vz-card-bg: #ffffff;
    --vz-card-border: #e9ebec;
    --vz-card-cap-bg: #ffffff;
    --vz-card-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-input-bg: #ffffff;
    --vz-input-border: #ced4da;
    --vz-input-focus-border: #405189;
    --vz-input-focus-shadow: rgba(64, 81, 137, 0.16);
    --vz-link-color: #405189;
    --vz-link-hover-color: #364574;

    /* Alerts */
    --vz-alert-info-bg: rgba(41, 156, 219, 0.08);
    --vz-alert-info-border: rgba(41, 156, 219, 0.2);
    --vz-alert-info-color: #299cdb;

    /* Badges */
    --vz-badge-soft-primary-bg: rgba(64, 81, 137, 0.1);
    --vz-badge-soft-primary-color: #405189;
    --vz-badge-soft-success-bg: rgba(10, 179, 156, 0.1);
    --vz-badge-soft-success-color: #0ab39c;

    /* Buttons */
    --vz-btn-light-bg: #f3f6f9;
    --vz-btn-light-border: #e9ebec;
    --vz-btn-light-color: #495057;
    --vz-btn-light-hover-bg: #e2e5e8;
    --vz-btn-light-hover-color: #212529;

    /* Modals */
    --vz-modal-bg: #ffffff;
    --vz-modal-border: #e9ebec;
    --vz-modal-footer-bg: #ffffff;
    --vz-modal-header-bg: #f3f6f9;
    --vz-modal-radius: 0.35rem;
    --vz-modal-shadow: 0 10px 30px rgba(56, 65, 74, 0.15);

    /* SweetAlert */
    --vz-swal-backdrop: rgba(15, 23, 42, 0.6);
    --vz-swal-bg: var(--bg-card, #ffffff);
    --vz-swal-border: var(--border, #e9ebec);
    --vz-swal-color: var(--text-primary, #495057);
    --vz-swal-heading: var(--dark, #212529);
    --vz-swal-muted: var(--text-secondary, #878a99);

    /* Tables */
    --vz-table-border: #e9ebec;
    --vz-table-head-bg: #f3f6f9;
    --vz-table-head-color: #878a99;
    --vz-table-hover-bg: #f7f8f9;
    --vz-table-striped-bg: #fbfbfc;

    /* Topbar */
    --vz-topbar-bg: #ffffff;
    --vz-topbar-border: #e9ebec;
    --vz-topbar-shadow: 0 1px 2px rgba(56, 65, 74, 0.08);

    /* Chips */
    --vz-chip-bg: #ffffff;
    --vz-chip-border: #e9ebec;

    /* Social Brand Colors */
    --vz-facebook: #1877f2;
    --vz-facebook-subtle: #e7f3ff;
    --vz-facebook-text: #0d65d9;
    --vz-instagram: #e1306c;
    --vz-instagram-subtle: #fdebf2;
    --vz-instagram-text: #c12058;

    /* Other Shared Tokens */
    --vz-backdrop-bg: rgba(0, 0, 0, 0.5);
    --vz-donut-bg-track: #e9ebec;
    --vz-donut-cutout-bg: #ffffff;
    --vz-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --vz-footer-color: #878a99;
    --vz-section-gap: 1.25rem;
    --vz-select-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235e6573' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --vz-summary-strip-bg: #f8fafc;
    --vz-title-color: #333940;
    --vz-transition: all 0.2s ease-in-out;
}