/* ==========================================================================
   FILE: assets/css/main.css
   TITLE: Global Design Tokens & Universal UI Framework Core
   DESCRIPTION: Step 1 holds only the basic tokens needed to test the shell.
                The full design system is added in Phase 2.
   ========================================================================== */

/* ==========================================================================
   SECTION 1: GLOBAL DESIGN TOKENS
   ========================================================================== */
:root {
  --font-primary: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --color-primary: #0f766e;
  --color-bg-app: #f8fafc;
  --color-text-main: #0f172a;
}

/* ==========================================================================
   SECTION 2: GLOBAL RESET & TYPOGRAPHY
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-primary);
  background-color: var(--color-bg-app);
  color: var(--color-text-main);
  line-height: 1.5;
}

/* ==========================================================================
   SECTION 3: SETUP CHECK SCREEN (temporary)
   ========================================================================== */
.setup-screen { padding: 2rem; text-align: center; }
.setup-screen h1 { color: var(--color-primary); }