:root {
    /* ================================
     BRAND (TimeOn)
     ================================ */

    --timeon-primary: #1b8e5b; /* verde principal */
    --timeon-primary-hover: #269059;
    --timeon-primary-soft: #519c00;
    --timeon-dark: #062d43; /* Texto principal */
    --timeon-gray: #4b5563; /* Texto secundario */
    --timeon-gray-light: #9ca3af; /* Muted */
    /* ================================
     BACKGROUND
     ================================ */

    --timeon-bg-main: #ebebeb;
    --timeon-bg-muted: #c5c5c5;
    --timeon-bg-soft: #f0efee;
    /* ================================
     FEEDBACK / STATUS
     ================================ */

    --timeon-success: #269059;
    --timeon-success-soft: #ffe492;
    --timeon-warning: #ffe496;
    --timeon-warning-soft: #fff3ce;
    --timeon-danger: #ff6c6c;
    --timeon-danger-soft: #ff9999;
    /* ================================
     BORDERS & UI
     ================================ */

    --timeon-border: #e5e7eb;
    --timeon-radius-sm: 6px;
    --timeon-radius-md: 10px;
    --timeon-radius-lg: 16px;
    /* ================================
     BOOTSTRAP OVERRIDES
     ================================ */
    --bs-primary: var(--timeon-primary);
    --bs-primary-rgb: 27, 142, 91;
    --bs-body-color: var(--timeon-dark);
    --bs-body-bg: var(--timeon-bg-main);
}