/*
Theme Name: ExEgypt
Author: Ahmed Abdelnasser
Author URI: https://example.com
Description: Starter WordPress theme scaffold.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: exegypt
 */

:root {
    /* Colors */
    --brand-primary-900: #020c0c;
    --brand-primary-800: #041818;
    --brand-primary-700: #072323;
    --brand-primary-600: #092f2f;
    --brand-primary-main: #0b3b3b;
    --brand-primary-400: #3c6262;
    --brand-primary-300: #6d8989;
    --brand-primary-200: #9db1b1;
    --brand-primary-100: #ced8d8;
    --brand-secondry-900: #1d130a;
    --brand-secondry-800: #3b2614;
    --brand-secondry-700: #583a1f;
    --brand-secondry-600: #764d29;
    --brand-secondry-main: #936033;
    --brand-secondry-400: #a9805c;
    --brand-secondry-300: #bea085;
    --brand-secondry-200: #d4bfad;
    --brand-secondry-100: #e9dfd6;
    --brand-accent-900: #0a262f;
    --brand-accent-800: #134b5f;
    --brand-accent-700: #1d718e;
    --brand-accent-600: #2696be;
    --brand-accent-main: #30bced;
    --brand-accent-400: #59c9f1;
    --brand-accent-300: #83d7f4;
    --brand-accent-200: #ace4f8;
    --brand-accent-100: #d6f2fb;
    --neutral-black: #0c080a;
    --neutral-white: #f3eff5;

    /* Typography */
    --font-body: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'Cinzel', 'Times New Roman', serif;

    --fs-12: clamp(11px, 0.9vw, 12px);
    --fs-14: clamp(13px, 1vw, 14px);
    --fs-16: clamp(15px, 1.1vw, 16px);
    --fs-18: clamp(16px, 1.2vw, 18px);
    --fs-20: clamp(18px, 1.35vw, 20px);
    --fs-24: clamp(20px, 1.6vw, 24px);
    --fs-36: clamp(28px, 2.6vw, 36px);
    --fs-50: clamp(36px, 3.6vw, 50px);
    --fs-64: clamp(44px, 4.6vw, 64px);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-body);
    font-size: var(--fs-16);
    line-height: 1.65;
    color: var(--neutral-white);
    background: var(--brand-primary-900);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

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

p {
    margin: 0 0 1rem;
    font-size: var(--fs-16);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.75rem;
    color: var(--neutral-white);
    font-family: var(--font-display);
    line-height: 1.2;
    letter-spacing: 0.01em;
}

h1 { font-size: var(--fs-64); }
h2 { font-size: var(--fs-50); }
h3 { font-size: var(--fs-36); }
h4 { font-size: var(--fs-24); }
h5 { font-size: var(--fs-20); }
h6 { font-size: var(--fs-18); }

.text-xs { font-size: var(--fs-12); }
.text-sm { font-size: var(--fs-14); }
.text-md { font-size: var(--fs-16); }
.text-lg { font-size: var(--fs-18); }
.text-xl { font-size: var(--fs-20); }
.text-2xl { font-size: var(--fs-24); }
.text-3xl { font-size: var(--fs-36); }
.text-4xl { font-size: var(--fs-50); }
.text-5xl { font-size: var(--fs-64); }

.site-main {
    margin: 0 auto;
    color: var(--brand-primary-900);
}

.site-sidebar {
    padding: 1rem;
    background: var(--brand-primary-100);
}

.entry-title {
    margin-bottom: 0.5rem;
}