/* =========================================
   MORZO SocietyOS
   Global Design Variables
========================================= */


:root {


    /* =====================================
       BRAND COLORS
    ===================================== */


    --morzo-primary: #003631;

    --morzo-primary-light: #07564d;

    --morzo-primary-dark: #002521;


    --morzo-accent: #FFEDA8;

    --morzo-accent-dark: #e8d47b;


    --morzo-white: #FCFAF5;

    --morzo-black: #111111;



    /* =====================================
       SYSTEM COLORS
    ===================================== */


    --color-success: #16a34a;

    --color-warning: #f59e0b;

    --color-danger: #dc2626;

    --color-info: #2563eb;



    /* =====================================
       BACKGROUND COLORS
    ===================================== */


    --bg-primary: var(--morzo-white);

    --bg-secondary: #f5f7f6;

    --bg-card: #ffffff;

    --bg-dark: var(--morzo-primary);



    /* =====================================
       TEXT COLORS
    ===================================== */


    --text-primary: #13201f;

    --text-secondary: #64706e;

    --text-muted: #899390;

    --text-light: var(--morzo-white);



    /* =====================================
       BORDER COLORS
    ===================================== */


    --border-light: #e5e7eb;

    --border-medium: #d1d5db;

    --border-dark: #334155;



    /* =====================================
       TYPOGRAPHY
    ===================================== */


    --font-primary:

    "Inter",
    "Segoe UI",
    Arial,
    sans-serif;


    --font-heading:

    "Inter",
    "Segoe UI",
    Arial,
    sans-serif;



    --font-size-xs: 0.75rem;

    --font-size-sm: 0.875rem;

    --font-size-md: 1rem;

    --font-size-lg: 1.25rem;

    --font-size-xl: 1.75rem;

    --font-size-2xl: 2.5rem;

    --font-size-3xl: 3.5rem;



    --font-weight-light: 300;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;




    /* =====================================
       SPACING SYSTEM
    ===================================== */


    --space-1: 4px;

    --space-2: 8px;

    --space-3: 12px;

    --space-4: 16px;

    --space-5: 20px;

    --space-6: 24px;

    --space-8: 32px;

    --space-10: 40px;

    --space-12: 48px;

    --space-16: 64px;

    --space-20: 80px;





    /* =====================================
       BORDER RADIUS
    ===================================== */


    --radius-sm: 6px;

    --radius-md: 12px;

    --radius-lg: 20px;

    --radius-xl: 32px;

    --radius-full: 999px;




    /* =====================================
       SHADOW SYSTEM
    ===================================== */


    --shadow-sm:

    0 1px 3px rgba(0,0,0,0.08);



    --shadow-md:

    0 8px 24px rgba(0,0,0,0.10);



    --shadow-lg:

    0 20px 50px rgba(0,0,0,0.15);




    /* =====================================
       CONTAINER
    ===================================== */


    --container-width:

    1400px;



    --content-width:

    900px;




    /* =====================================
       TRANSITIONS
    ===================================== */


    --transition-fast:

    0.2s ease;



    --transition-normal:

    0.35s ease;



    --transition-slow:

    0.6s ease;




    /* =====================================
       Z INDEX SYSTEM
    ===================================== */


    --z-base: 1;

    --z-dropdown: 100;

    --z-sticky: 200;

    --z-modal: 500;

    --z-toast: 900;

    --z-overlay: 1000;



    /* =====================================
       DASHBOARD VARIABLES
    ===================================== */


    --sidebar-width:

    260px;



    --header-height:

    72px;



    --card-padding:

    24px;



}