/* =========================================
   X3D Print Tracker - Styles
   ========================================= */

:root {
    --primary: #00a862;
    --primary-dark: #008a50;
    --primary-light: #e0f5ec;
    --secondary: #1a1a2e;
    --accent: #0f3460;
    --bg: #f0f2f5;
    --card-bg: #ffffff;
    --text: #1a1a2e;
    --text-secondary: #6b7280;
    --text-light: #9ca3af;
    --border: #e5e7eb;
    --success: #4caf50;
    --warning: #ff9800;
    --danger: #f44336;
    --info: #2196f3;
    --sidebar-width: 260px;
    --topbar-height: 64px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
    --radius: 12px;
    --radius-sm: 8px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Previously undeclared — now explicit */
    --bg-primary: #ffffff;
    --bg-secondary: #f3f4f6;
    --bg-subtle: #f8f9fa;
    --bg-hover: rgba(0, 168, 98, 0.08);
    --border-light: #f0f1f3;
    --warning-light: rgba(255, 152, 0, 0.1);
    --warning-dark: #b45309;
}

* {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    min-height: 100vh;
    overflow-x: hidden;
    /* PWA safe area support for iPhone notch/dynamic island */
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* =========================================
   Scrollbar
   ========================================= */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--text-light);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}