/*
Theme Name: Diamond Corporate Theme
Theme URI: https://example.com/diamond-corporate
Author: Codex Assistant
Author URI: https://example.com
Description: Corporate WordPress theme featuring hero, services, about, stats, and CTA sections.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diamond-theme
Tags: custom-background, custom-logo, custom-menu, featured-images
*/

:root {
    --color-primary: #1f4b84;
    --color-primary-dark: #16355d;
    --color-secondary: #f2b544;
    --color-bg: #f7f9fc;
    --color-text: #1b1b1d;
    --color-text-muted: #5c6270;
    --color-white: #ffffff;
    --color-border: #e2e6ef;
    --max-width: 1200px;
    --transition-base: 0.3s ease;
    --font-base: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
    margin: 0;
    font-family: var(--font-base);
    color: var(--color-text);
    background: var(--color-white);
    line-height: 1.6;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--color-primary);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
textarea {
    font-family: inherit;
}

.site-container {
    width: min(100% - 48px, var(--max-width));
    margin: 0 auto;
}

.section-title {
    font-size: clamp(2rem, 1.2rem + 2vw, 3rem);
    margin: 0;
    color: var(--color-primary-dark);
}

.section-title--spaced {
    margin-bottom: 120px;
}

.section-subtitle {
    color: var(--color-text-muted);
    max-width: 720px;
}

.btn {
    display: inline-block;
    padding: 14px 30px;
    border-radius: 999px;
    font-weight: 600;
    transition: background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
    border: 2px solid transparent;
}

.btn-primary {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: 0 8px 20px rgb(31 75 132 / 0.25);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--color-primary-dark);
}

.btn-outline {
    background: transparent;
    color: var(--color-white);
    border-color: rgba(255, 255, 255, 0.6);
}

.btn-outline:hover,
.btn-outline:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: var(--color-white);
}

.btn-muted {
    background: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-muted:hover,
.btn-muted:focus {
    background: rgba(31, 75, 132, 0.08);
}

.text-center {
    text-align: center;
}

.grid-two {
    display: grid;
    gap: 48px;
    align-items: center;
}

@media (min-width: 1024px) {
    .grid-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.stats-grid {
    display: grid;
    gap: 32px;
}

@media (min-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.services-grid {
    display: grid;
    gap: 96px 32px;
}

@media (min-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}