/*
 * File: /css/common.css
 * *** REDESIGNED with Navy & Gold Theme ***
 * Contains common styles for the entire application:
 * - Font imports
 * - NEW CSS Variables (colors, spacing)
 * - Body defaults
 * - Main page background
 */

/* --- 1. Import Google Font (Poppins) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* --- 2. CSS Root Variables (Our Style Guide) --- */
:root {
    /* Fonts */
    --font-primary: 'Poppins', sans-serif;

    /* * --- NEW: Navy & Gold Palette ---
     */
    --color-primary: #D4AF37;     /* Dark Golden for accents, buttons, and active states */
    --color-primary-light: #FFD700; /* A lighter gold for hover effects */
    --color-dark: #0a192f;        /* Deep Navy Blue for main background */
    --color-card-bg: #112240;      /* A slightly lighter navy for cards, sidebar, header */

    /* Standard UI Colors */
    --color-success: #28a745;     /* Green for success messages */
    --color-danger: #dc3545;      /* Red for error messages */
    --color-warning: #f0ad4e;     /* Orange/Yellow for shipping badges */
    --color-light: #ffffff;
    
    /* Text Colors */
    --color-text: #E0E0E0;        /* Light grey text for high readability on navy */
    --color-text-dark: #0a192f;   /* Navy text for use on light/golden backgrounds */

    /* * --- NEW: Solid Card/UI Styles (Replacing Glass) ---
     */
    --card-border: rgba(212, 175, 55, 0.3); /* Subtle golden border */
    --card-shadow: rgba(0, 0, 0, 0.2);
    
    /* Spacing & Sizing */
    --spacing-1: 0.25rem; /* 4px */
    --spacing-2: 0.5rem;  /* 8px */
    --spacing-3: 1rem;    /* 16px */
    --spacing-4: 1.5rem;  /* 24px */
    --spacing-5: 2rem;    /* 32px */

    --border-radius: 12px;
}

/* --- 3. Body & HTML Defaults --- */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--font-primary);
    /* CHANGED: Set the core background to our new navy color */
    background-color: var(--color-dark);
    color: var(--color-text);
    line-height: 1.6;
    overflow-x: hidden; /* Prevent horizontal scroll */
}

/* CHANGED: Themed all form inputs */
.modal-form input[type="text"], .modal-form input[type="email"],
.modal-form input[type="number"],
.modal-form input[type="file"],
.modal-form textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid var(--card-border);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
    color: var(--color-light);
    font-family: var(--font-primary);
    font-size: 1rem;
}