/* your_app/components/title/style.css */
.custom-title {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    margin: 0.5em 0;
    transition: all 0.3s ease;
}

/* Size variations */
.custom-title.small {
    font-size: 1.2rem;
}
.custom-title.medium {
    font-size: 1.8rem;
}
.custom-title.large {
    font-size: 2.5rem;
}

/* Color variations */
.custom-title.dark {
    color: #333;
}
.custom-title.primary {
    color: #007bff;
}
.custom-title.danger {
    color: #dc3545;
}
.custom-title.success {
    color: #28a745;
}

/* Animation on hover */
.custom-title:hover {
    transform: translateY(-2px);
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* your_app/components/title/style.css - continuação */

/* Text decoration variations */
.custom-title.overline { text-decoration: overline; }
.custom-title.line-through { text-decoration: line-through; }

/* Text weight variations */
.custom-title.lighter { font-weight: lighter; }
.custom-title.bolder { font-weight: bolder; }
.custom-title.weight-100 { font-weight: 100; }
.custom-title.weight-400 { font-weight: 400; }
.custom-title.weight-700 { font-weight: 700; }
.custom-title.weight-900 { font-weight: 900; }

/* Text transform variations */
.custom-title.lowercase { text-transform: lowercase; }
.custom-title.capitalize { text-transform: capitalize; }

/* Letter spacing */
.custom-title.spacing-normal { letter-spacing: normal; }
.custom-title.spacing-wide { letter-spacing: 2px; }
.custom-title.spacing-wider { letter-spacing: 4px; }
.force-dark-text {
    color: #111827 !important; /* gray-900 */
}