/* Explain: Theme color tokens, typography, and layout variables. */
:root {
    --primary-color: #BFC3AB;
    --primary-hover: #AAB092;
    --secondary-color: #C5A565;
    --accent-color: #C15E51;
    --background-color: #F4EDE1;
    --surface-color: #ffffff;
    --surface-warm: #EAE3D3;
    --text-color: #51423C;
    --text-muted: #7A6961;
    --border-color: #D3C9BE;
    --pearl-color: #F4EDE1;
    --champagne-color: #C5A565;
    --rose-nude-color: #C15E51;
    --soft-gray-color: #D3C9BE;
    --espresso-color: #51423C;
    --font-heading: 'Tajawal', sans-serif;
    --font-body: 'Tajawal', sans-serif;
    --radius-oval: 999px;
    --radius-soft: 2rem;
    --shadow-soft: 0 24px 80px rgba(89, 68, 60, 0.12);
    --shadow-card: 0 18px 45px rgba(89, 68, 60, 0.08);
}