/* ========================================
   STUDIOLUX GLOBAL STYLESHEET
   ======================================== */

/* ----------------------------------------
   CSS VARIABLES / DESIGN TOKENS
   ---------------------------------------- */
:root {
    --primary-black: #0a0a0a;
    --dark-gray: #2a2a2a;
    --primary-blue: #0066ff;
    --accent-blue: #00a3ff;
    --white: #ffffff;
    --light-gray: #f5f5f5;
    --border-gray: #e0e0e0;
    
    /* Typography */
    --font-family: 'Poppins', sans-serif;
    
    /* Container */
    --max-width: 1400px;
}

/* ----------------------------------------
   GLOBAL RESET
   ---------------------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ----------------------------------------
   BODY DEFAULTS
   ---------------------------------------- */
body {
    font-family: var(--font-family);
    color: var(--primary-black);
    line-height: 1.6;
    background: var(--white);
}

html {
    scroll-behavior: smooth;
}

/* ----------------------------------------
   MAIN CONTENT CONTAINER
   ---------------------------------------- */
.main-content {
    min-height: calc(100vh - 80px);
}

/* ----------------------------------------
   REUSABLE CONTAINER
   ---------------------------------------- */
.container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 20px;
}