/* ==========================================================================
   CAD Viewer — Shared Theme Variables
   Include this file in every template BEFORE page-specific styles.
   The theme-loading <script> stays in each template's <head>.
   ========================================================================== */

/* ---- Light theme (default) ---- */
:root {
    --accent: #0969da;
    --bg-body: #f0f0f0;
    --bg-surface: #ffffff;
    --bg-input: #f6f8fa;
    --border: #d0d7de;
    --text-primary: #1f2328;
    --text-heading: #1f2328;
    --text-secondary: #656d76;
    --success: #1a7f37;
    --success-hover: #1a7f37;
    --danger: #cf222e;
    --danger-bg: #ffebe9;
    --danger-border: #cf222e66;
}

/* ---- Dark theme ---- */
[data-theme="dark"] {
    --accent: #58a6ff;
    --bg-body: #0d1117;
    --bg-surface: #161b22;
    --bg-input: #0d1117;
    --border: #30363d;
    --text-primary: #c9d1d9;
    --text-heading: #f0f6fc;
    --text-secondary: #8b949e;
    --success: #238636;
    --success-hover: #2ea043;
    --danger: #f85149;
    --danger-bg: #da363340;
    --danger-border: #f8514966;
}

/* ---- Base reset & body ---- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--bg-body);
    color: var(--text-primary);
    min-height: 100vh;
}
