:root {
    /* Base */
    --color-background-light: #f0f0f0;
    --color-background-neutral: #f3f3f3;
    --color-background-light-gray: #f7f7f7;
    --color-background-auth: #f1f1f1;
    --color-background-admin: #f9f9f9;
    --color-background-header: #dee2e6;
    --color-background-table: #e9ecef;
    --color-background-selected: #f8f8f8;
    --color-background-profile-section: #f9f9f9;
    --color-background-day-card-selected: #303030;
    --color-white: #f1f1f1;
    --color-black: #000000;

    /* Textos */
    --color-text-dark: #63461c;
    --color-text-medium: #63461c;
    --color-text-light: #555555;
    --color-text-soft: #251d1d;
    --color-text-muted: #777777;
    --color-text-quiet: #888888;
    --color-text-empty: #999999;
    --color-text-strong: #222222;
    --color-text-neutral: #444444;
    --color-text-subtle: #8d8d8d;
    --color-text-heading: #383838;
    --color-text-secondary: #3b3b3b;
    --color-text-card: #4c4c4c;
    --color-text-card-price: #515151;
    --color-text-card-selected: #f0f8ff;
    --color-text-dark-gray: #363636;
    --color-text-admin: #495057;
    --color-text-white: #fcfcfc;
    --color-text-disabled: #adb5bd;

    /* Bordas */
    --color-gray-light: #eeeeee;
    --color-gray-border: #dddddd;
    --color-border-muted: #cccccc;
    --color-border-strong: #818181;
    --color-border-light: #9b9b9b;
    --color-border-medium: #ced4da;
    --color-border-soft: #e0e0e0;
    --color-border-selected: #3f3f3f;
    --color-border-modal: #b8b8b8;

    /* Inputs e cards */
    --color-input-background: #ececec;
    --color-input-text: #2c2c2c;
    --color-input-special: #fcf4ef;
    --color-service-card-background: #edecec;
    --color-selected-background: #f0f8ff;
    --color-disabled-background: #cccccc;
    --color-disabled-text: #666666;
    --color-card-background-alt: #f6f7f9;
    --color-background-soft: #eaeaea;
    --color-background-soft-blue: #e3f2fd;
    --color-background-table-hover: #f1f5f9;
    --color-surface-soft: #f8f9fa;
    --color-text-main: var(--color-text-medium);

    /* Marca e ações */
    --color-primary: #007bff;
    --primary-color: var(--color-primary);
    --color-button-primary: #63461c;
    --color-button-primary-hover: #0056b3;
    --color-button-logout: #353535;
    --color-button-logout-alt: #ff2407;
    --color-button-cancel: #dc3545;
    --color-button-cancel-hover: #c82333;
    --color-button-edit: #ffc107;
    --color-button-edit-text: #212529;
    --color-button-edit-hover: #e0a800;
    --color-button-gray: #6c757d;
    --color-button-gray-hover: #5a6268;
    --color-button-filter: #17a2b8;
    --color-button-filter-hover: #138496;
    --color-dark-gray-button: #63461c;
    --color-cancel-btn-list: #dc3545;
    --color-confirm-btn-list: #198754;
    --button-radius: 8px;
    --button-pill-radius: 999px;
    --button-height: 44px;
    --button-height-compact: 36px;
    --button-padding-x: 18px;
    --button-gap: 8px;
    --button-font-size: 14px;
    --button-font-weight: 700;
    --button-focus-ring: 0 0 0 3px rgba(13, 110, 253, 0.3);
    --button-shadow: 0 2px 8px var(--color-black-shadow-008);
    --button-shadow-hover: 0 6px 16px var(--color-black-shadow-015);

    /* Estados e mensagens */
    --color-success-background: #d4edda;
    --color-success-soft: #eaf7ee;
    --color-success-text: #155724;
    --color-success-border: #c3e6cb;
    --color-success-hover: #218838;
    --color-warning-soft: #fff8e1;
    --color-warning-text: #7a5a00;
    --color-warning-border: #ffe08a;
    --color-error-background: #f8d7da;
    --color-error-text: #721c24;
    --color-error-border: #f5c6cb;
    --color-info-background: #d1ecf1;
    --color-info-text: #0c5460;
    --color-info-border: #bee5eb;
    --color-message-background: #cce5ff;
    --color-message-text: #004085;
    --color-message-border: #b8daff;
    --color-blue-text: #1976d2;
    --color-status-confirmed: #28a745;
    --color-status-client-confirmed: #198754;
    --color-status-pending: #ffc107;
    --color-status-pending-alt: #fd7e14;
    --color-status-cancelled: #dc3545;
    --color-status-passed: #6c757d;
    --color-status-default: #808080;
    --color-calendar-busy-background: #f8d7da;
    --color-calendar-busy-border: #f5c2c7;
    --color-calendar-busy-text: #721c24;
    --color-calendar-outside-background: #e9ecef;
    --color-calendar-break-background: #fff3cd;
    --color-chart-revenue-background: rgba(40, 167, 69, 0.7);
    --color-chart-revenue-border: rgba(40, 167, 69, 1);
    --color-pending-fee: #828282;

    /* Navegação e componentes */
    --color-whatsapp: #25d366;
    --color-whatsapp-hover: #1da851;
    --color-google: #34a853;
    --color-master-link: #3498db;
    --color-nav-active: #0e0e0e;
    --color-nav-inactive: #9e9e9e;
    --color-notification: #0d6efd;
    --color-calendar-button: #121212;
    --color-switch-active: #131414;
    --color-nav-active-dark: #63461c;
    --color-time-card-selected: #0f0f0f;
    --color-scrollbar-track: #f1f1f1;
    --color-scrollbar-thumb: #c1c1c1;
    --color-scrollbar-thumb-hover: #a8a8a8;

    /* Transparências e sombras */
    --color-white-transparent-02: rgba(255, 255, 255, 0.2);
    --color-white-transparent-04: rgba(255, 255, 255, 0.4);
    --color-white-transparent-08: rgba(255, 255, 255, 0.8);
    --color-black-transparent-0: rgba(0, 0, 0, 0);
    --color-black-shadow-01: rgba(0, 0, 0, 0.1);
    --color-black-shadow-008: rgba(0, 0, 0, 0.08);
    --color-black-shadow-005: rgba(0, 0, 0, 0.05);
    --color-black-shadow-015: rgba(0, 0, 0, 0.15);
    --color-black-shadow-02: rgba(0, 0, 0, 0.2);
    --color-black-shadow-03: rgba(0, 0, 0, 0.3);
    --color-black-overlay-05: rgba(0, 0, 0, 0.5);
    --color-black-overlay-06: rgba(0, 0, 0, 0.6);
    --color-black-overlay-07: rgba(0, 0, 0, 0.7);
    --color-black-overlay-085: rgba(0, 0, 0, 0.85);
    --color-black-solid-1: rgba(0, 0, 0, 1);
    --color-error-shadow: rgba(220, 53, 69, 0.5);
    --color-prompt-accent-start: gold;
    --color-prompt-accent-end: orange;

    /* Relatórios / BI */
    --reports-sidebar-width: 260px;
    --reports-sidebar-bg: var(--color-white);
    --reports-sidebar-shadow: 5px 0 15px var(--color-black-shadow-01);
    --reports-accent-color: var(--color-text-dark);
    --reports-active-bg: #f4f4f4;
    --reports-card-border: #6610f2;

    /* Bot assistente */
    --bot-background: var(--color-white);
    --bot-surface: var(--color-background-admin);
    --bot-message-background: var(--color-gray-light);
    --bot-accent: var(--color-text-dark);
    --bot-text: var(--color-text-medium);
    --bot-text-on-accent: var(--color-white);
    --bot-shadow: 0 8px 24px var(--color-black-shadow-015);
    --bot-alert-queue-background: var(--color-status-cancelled);
    --bot-alert-queue-text: var(--color-white);
    --bot-alert-message-background: #f8f9fa;
    --bot-alert-message-text: var(--color-text-light);
    --bot-alert-message-border: var(--color-text-dark);

    /* Vídeos */
    --video-background: #000000;
    --video-surface: #121212;
    --video-text: #ffffff;
    --video-overlay-soft: rgba(0, 0, 0, 0.3);
    --video-overlay-medium: rgba(0, 0, 0, 0.5);
    --video-overlay-strong: rgba(0, 0, 0, 0.8);

    /* Duoo Agenda client category flow */
    --duoo-catalog-bg: var(--color-background-admin);
    --duoo-catalog-surface: var(--color-service-card-background);
    --duoo-catalog-surface-hover: var(--color-selected-background);
    --duoo-catalog-text: var(--color-text-medium);
    --duoo-catalog-text-muted: var(--color-text-muted);
    --duoo-catalog-accent: var(--color-button-primary);
    --duoo-catalog-accent-strong: var(--color-button-primary);
    --duoo-catalog-border-soft: var(--color-border-soft);
    --duoo-catalog-shadow: var(--color-black-shadow-01);
    --duoo-category-image-overlay: rgba(249, 249, 249, 0.58);
    --duoo-category-image-overlay-strong: rgba(249, 249, 249, 0.78);
    --duoo-hero-action-bg: var(--color-button-primary);
    --duoo-hero-logo-border: var(--color-button-primary);
    --duoo-hero-banner-height: 128px;
    --duoo-admin-modal-bg: var(--color-background-admin);
    --duoo-admin-modal-surface: var(--color-input-background);
    --duoo-admin-modal-border: var(--color-border-modal);
    --duoo-admin-modal-text: var(--color-text-medium);
    --duoo-admin-modal-muted: var(--color-text-muted);
    --duoo-admin-modal-accent: var(--color-button-primary);
}
