67 lines
1.4 KiB
CSS
67 lines
1.4 KiB
CSS
:root {
|
|
/* Tet Theme Colors */
|
|
--tet-red: #C41E3A;
|
|
--tet-red-dark: #8B0000;
|
|
--tet-gold: #FFD700;
|
|
--tet-gold-light: #FFC107;
|
|
--tet-cream: #FFF8E7;
|
|
--tet-dark: #1A1A1A;
|
|
--tet-red-gradient: linear-gradient(135deg, #C41E3A 0%, #8B0000 100%);
|
|
--tet-gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
|
|
|
|
--background: var(--tet-cream);
|
|
--foreground: var(--tet-dark);
|
|
}
|
|
|
|
/* Custom utility classes */
|
|
.bg-tet-red { background-color: var(--tet-red); }
|
|
.bg-tet-gold { background-color: var(--tet-gold); }
|
|
.text-tet-red { color: var(--tet-red); }
|
|
.text-tet-gold { color: var(--tet-gold); }
|
|
.border-tet-red { border-color: var(--tet-red); }
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* Smooth scrolling */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* Custom scrollbar with Tet colors */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--tet-cream);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--tet-red);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--tet-red-dark);
|
|
}
|
|
|
|
/* Golden glow effect */
|
|
.text-glow {
|
|
text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
|
|
}
|
|
|
|
/* Red card hover effect */
|
|
.card-hover {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.card-hover:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 30px rgba(196, 30, 58, 0.2);
|
|
}
|