/*
=================================================================
                      TAHANI SUITE - MASTER STYLESHEET (v2.0 - RTL Ready)
=================================================================
This file contains the core visual identity and foundational styles
for the entire Tahani Suite application, with full support for LTR and RTL languages.
*/

/* 
-----------------------------------------------------------------
                        1. FONT IMPORTS
-----------------------------------------------------------------
We are importing our brand fonts for Latin and Arabic scripts.
'Cairo' is an elegant, modern font that pairs well with Montserrat.
*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap');


/* 
-----------------------------------------------------------------
                        2. CSS VARIABLES (THE BRAND IDENTITY)
-----------------------------------------------------------------
*/
:root {
    /* Primary Brand Palette */
    --color-primary: #001f3f;       /* Deep Navy Blue */
    --color-secondary: #D4AF37;     /* Muted Gold */
    --color-background: #F8F8F8;    /* Off-White */
    --color-text-primary: #36454F;  /* Charcoal Grey */
    --color-text-secondary: #A9A9A9;/* Cool Grey */

    /* Marketing Accent Palette */
    --color-action: #FF7F50;        /* Soft Coral */
    --color-trust: #879D8A;         /* Sage Green */

    /* Typography */
    --font-heading-latin: 'Playfair Display', serif;
    --font-body-latin: 'Montserrat', sans-serif;
    --font-arabic: 'Cairo', sans-serif; /* Our chosen Arabic font */
}


/* 
-----------------------------------------------------------------
                        3. GLOBAL RESETS & DEFAULTS (RTL ENABLED)
-----------------------------------------------------------------
*/
body {
    /* Default to Latin fonts */
    font-family: var(--font-body-latin);
    color: var(--color-text-primary);
    background-color: var(--color-background);
    margin: 0;
    /* Use logical properties for padding */
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    line-height: 1.6;
}

/* The magic for RTL fonts: If the html tag has lang="ar", use the Arabic font */
html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 {
    font-family: var(--font-arabic);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading-latin);
    color: var(--color-primary);
    /* Use logical text alignment */
    text-align: start;
}