/* ============================================
   THEMES.CSS - CSS Variables para Cores
   ============================================

   Este ficheiro define variáveis CSS que podem
   atravessar Shadow DOM boundaries. Usado por
   todos os templates e layouts.
*/

:root {
    /* ========================================
       Brand Colors
       ======================================== */
    --color-primary: #0d6efd;
    --color-primary-light: #cfe2ff;
    --color-primary-hover: #0b5ed7;
    --color-primary-active: #0a58ca;
    --color-primary-rgb: 13, 110, 253;

    /* ========================================
       Semantic Colors
       ======================================== */
    --color-success: #198754;
    --color-success-bg: #d1e7dd;
    --color-success-hover: #157347;

    --color-danger: #dc3545;
    --color-danger-bg: #f8d7da;
    --color-danger-hover: #bb2d3b;

    --color-warning: #ffc107;
    --color-warning-bg: #fff3cd;
    --color-warning-hover: #ffca2c;

    --color-info: #0dcaf0;
    --color-info-bg: #cff4fc;
    --color-info-hover: #31d2f2;

    /* ========================================
       Neutral Colors
       ======================================== */
    --color-dark: #212529;
    --color-dark-rgb: 33, 37, 41;
    --color-secondary: #6c757d;
    --color-secondary-hover: #5c636a;
    --color-light: #f8f9fa;
    --color-white: #ffffff;
    --color-border: #dee2e6;

    /* ========================================
       Text Colors
       ======================================== */
    --color-text-primary: #212529;
    --color-text-secondary: #6c757d;
    --color-text-muted: #6c757d;
    --color-text-light: rgba(255, 255, 255, 0.8);

    /* ========================================
       Background Colors
       ======================================== */
    --color-bg-body: #ffffff;
    --color-bg-dark: #212529;
    --color-bg-hover: rgba(255, 255, 255, 0.1);
    --color-bg-stripe: #f8f9fa;
    --color-bg-selected: #e0f7fa;

    /* ========================================
       Component-Specific Colors
       ======================================== */
    --color-button-outline: rgba(255, 255, 255, 0.7);
    --color-sidebar-border: rgba(255, 255, 255, 0.1);
    --color-card-border: #dee2e6;
}