/* =========================
TENET GLOBAL STYLE SYSTEM
========================= */
/* Base Page Styling */
body {
background-color: #0B0B0B;
color: #ffffff;
font-family: 'Inter', sans-serif;
line-height: 1.6;
}
/* Headings */
h1, h2, h3 {
font-family: 'Playfair Display', serif;
letter-spacing: 1px;
color: #ffffff;
}
/* Section Container */
.tenet-section {
padding: 80px 24px;
max-width: 1200px;
margin: 0 auto;
}
/* Center Alignment Utility */
.tenet-center {
text-align: center;
}
/* Buttons */
.tenet-btn {
background-color: #C6A55C;
color: #000000;
padding: 14px 32px;
text-decoration: none;
font-weight: 600;
display: inline-block;
border-radius: 4px;
transition: all 0.3s ease;
}
.tenet-btn:hover {
background-color: #b8954f;
}
/* Outline Button */
.tenet-btn-outline {
border: 1px solid #C6A55C;
color: #C6A55C;
padding: 14px 32px;
text-decoration: none;
display: inline-block;
border-radius: 4px;
transition: all 0.3s ease;
}
.tenet-btn-outline:hover {
background-color: #C6A55C;
color: #000;
}
/* Cards */
.tenet-card {
background-color: #1A1A1A;
padding: 32px;
border-radius: 6px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tenet-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* Grid Layouts */
.tenet-grid {
display: grid;
gap: 24px;
}
.tenet-grid-3 {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.tenet-grid-4 {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
/* Section Titles */
.tenet-section h2 {
margin-bottom: 20px;
}
/* Spacing Between Sections */
.tenet-section + .tenet-section {
margin-top: 40px;
}
