/* Global Main Interface Styles */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap');

:root {
    /* ARMSTA Brand Identity */
    --primary-color: #16a34a;       /* Professional Green */
    --primary-dark: #14532d;        /* Deep Forest Green */
    --primary-light: #dcfce7;       /* Light Green Backgrounds */
    
    --secondary-color: #ca8a04;     /* Taxi Gold/Yellow (Readable) */
    --secondary-light: #fef9c3;     /* Light Yellow */
    
    --accent-color: #eab308;        /* Vibrant Yellow for Actions */

    /* Functional Colors */
    --success-color: #10b981;
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;

    /* Surface & Background Themes (Clean/White) */
    --bg-body: #ffffff;
    --bg-surface: #ffffff;
    --bg-surface-alt: #f8fafc;
    --bg-glass: rgba(255, 255, 255, 0.95); /* High opacity for clean look */
    
    /* Typography */
    --text-primary: #1e293b;        /* Dark Slate for high contrast */
    --text-secondary: #64748b;      /* Muted Slate */
    --text-inverse: #ffffff;        /* White text for green buttons */

    /* Borders & Shadows (Google/Coursera Style) */
    --border-color: #e2e8f0;
    --border-focus: #16a34a;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, #a16207 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, #d97706 100%);
    --gradient-body: linear-gradient(135deg, #f0fdf4 0%, #ffffff 50%, #fefce8 100%); /* Subtle Green-White-Yellow */
}

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

body {
    font-family: 'Inter', sans-serif;
    background: var(--gradient-body);
    color: var(--text-primary);
    line-height: 1.5;
    min-height: 100vh;
}