evandro26/prayer-intentions-tracker

1 2/* Custom styles that can't be achieved with Tailwind */3:root {4  --primary: #4f46e5;5  --primary-light: #818cf8;6  --primary-dark: #3730a3;7  --secondary: #10b981;8  --accent: #f59e0b;9  --light: #f8fafc;10  --dark: #1e293b;11}12 13.intention-card {14    transition: all 0.2s ease-in-out;15    background-color: var(--light);16    border-left: 4px solid var(--primary);17}18 19.intention-card:hover {20    transform: translateY(-2px);21    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);22}23 24.print-section {25    page-break-inside: avoid;26}27 28select, input, textarea {29    border-color: var(--primary-light) !important;30}31 32select:focus, input:focus, textarea:focus {33    border-color: var(--primary) !important;34    ring-color: var(--primary) !important;35}36 37.bg-indigo-100 {38    background-color: rgba(129, 140, 248, 0.2) !important;39}40 41.text-indigo-800 {42    color: var(--primary-dark) !important;43}44 45@media print {46    body * {47        visibility: hidden;48    }49    #printContent, #printContent * {50        visibility: visible;51    }52    #printContent {53        position: absolute;54        left: 0;55        top: 0;56        width: 100%;57    }58    .no-print {59        display: none !important;60    }61}62