/* ============================================================
   base.css — CSS custom properties, reset, typography
   ============================================================ */

:root {
  /* Colors */
  --color-primary: #5BA4F5;
  --color-primary-dark: #1976D2;
  --color-cutting: #FF8F00;
  --color-cutting-bg: #FFF8E1;
  --color-maintenance: #2E7D32;
  --color-maintenance-bg: #E8F5E9;
  --color-danger: #D32F2F;
  --color-amber: #F57C00;
  --color-neutral: #757575;
  --color-surface: var(--glass-bg);
  --color-bg: transparent;
  --color-border: rgba(120, 120, 180, 0.18);
  --color-text: #212121;
  --color-text-secondary: #616161;

  /* Glass system */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-strong: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-blur: blur(20px);
  --glass-shadow: 0 8px 32px rgba(60, 60, 120, 0.10), 0 1.5px 4px rgba(0,0,0,0.06);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Shape */
  --radius: 20px;
  --radius-sm: 14px;

  /* Typography */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  /* Nav */
  --nav-height: 60px;
}

/* ---- Reset ---- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: var(--font-size-base);
  color: var(--color-text);
  background: linear-gradient(135deg,
    #e8ecf8 0%,
    #f0e8f8 30%,
    #e8f4f0 60%,
    #f8f0e8 100%);
  background-attachment: fixed;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* Prevent iOS zoom on input focus */
input, select, textarea {
  font-size: var(--font-size-base);
  font-family: inherit;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

a {
  color: inherit;
  text-decoration: none;
}