/* ──────────────────────────────────────────────────────────────────────────
   SHARED THEME TOKENS — single source of truth for Camo Studio + Cerakote
   Calculator 2.0. Canonical copy lives at camo-studio/shared-theme/theme.css.
   Run shared-theme/sync.sh after editing to push copies into each app.

   Skins: :root = "modern" (default) · [data-theme="industrial"] · [data-theme="shop"]
   Add a skin = add one [data-theme="…"] block here; both apps pick it up.
   ────────────────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --bg-primary: #0d0f12;
    --bg-secondary: #1a1d21;
    --bg-card: #23272d;
    --accent-primary: #f16821;
    --accent-secondary: #00c2ff;
    --text-primary: #eef1f5;
    --text-secondary: #a0aec0;
    --text-muted: #718096;
    --border-primary: rgba(255, 255, 255, 0.1);
    --border-highlight: rgba(241, 104, 33, 0.4);
    --success-color: #38a169;
    --danger-color: #e53e3e;
    --glass-blur: blur(20px);
    --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.5);
    --radius-lg: 12px;
    --radius-md: 8px;
}

[data-theme="industrial"] {
    --bg-primary: #1a202c;
    --bg-secondary: #2d3748;
    --bg-card: #4a5568;
    --accent-primary: #ecc94b;
    --accent-secondary: #4299e1;
    --text-primary: #f7fafc;
}

[data-theme="shop"] {
    --bg-primary: #000;
    --bg-secondary: #111;
    --bg-card: #111;
    --accent-primary: #38a169;
    --accent-secondary: #fff;
    --border-primary: #333;
    --border-highlight: #555;
    --thumb-width: 20px;
}

/* "Camo" skin — Camo Studio's original blue, available to both apps so users who
   prefer it can flip the whole suite back. (Reversibility per the plan.) */
[data-theme="camo"] {
    --bg-primary: #15171c;
    --bg-secondary: #1e2128;
    --bg-card: #1e2128;
    --accent-primary: #6c8cff;
    --accent-secondary: #6c8cff;
    --text-primary: #e6e8ec;
    --text-secondary: #8b93a1;
    --text-muted: #8b93a1;
    --border-primary: #2a2e37;
    --border-highlight: #6c8cff;
}