/*
====================================
LSF DESIGN TOKENS
====================================
*/

:root {
    /* Identity colors */
    --primary-color: #4A2C1A;
    --secondary-color: #C8A95C;
    --button-color: #C8A95C;
    --heading-color: #1F2937;
    --text-color: #4B5563;
    --white-color: #FFFFFF;
    --light-color: #F8F8F8;
    --border-color: #E5E7EB;

    /* Semantic colors */
    --success-color: #22C55E;
    --danger-color: #EF4444;
    --warning-color: #F59E0B;
    --info-color: #2563EB;

    /* Typography */
    --primary-font: 'Tajawal', sans-serif;
    --body-font-size: 16px;
    --body-line-height: 1.9;

    /* Layout */
    --container-width: 1200px;
    --border-radius: 12px;

    /* Depth */
    --box-shadow: 0 4px 12px rgba(0, 0, 0, .08);

    /* Motion */
    --transition: .25s ease;
}