/* Diabec App Design 2 — shared base styles
   Optional: each screen has its own inline styles; this file is loaded
   first so any future redesign can edit tokens here in one place.
*/

:root {
  --green-dark:  #0f2519;
  --green:       #1f4a36;
  --green-mid:   #2d5a46;
  --green-light: #6a9e7f;
  --gold:        #c9943e;
  --gold-soft:   #e8c97a;
  --gold-glow:   rgba(232, 201, 122, 0.35);
  --cream:       #f6f3ee;
  --cream-2:     #ede7d8;
  --white:       #fdfcf9;
  --ink:         #1e1c18;
  --ink-soft:    #4a3d2e;
  --ink-light:   #6b5f50;
  --border:      #e0ddd6;
  --ok:          #2f7a53;
  --warn:        #c97a3e;
  --danger:      #a8533e;
  --info:        #3e7ac9;
}

/* Base reset */
*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Common scroll wrapper */
.scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar { display: none; }

/* iOS-style status bar */
.status-bar {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 600;
}

/* Universal back button (round white pill) */
.back-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--white);
  border: 1px solid var(--border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s;
}
.back-btn:hover { background: var(--cream-2); }
.back-btn svg { width: 18px; height: 18px; stroke: var(--ink); }

/* Focus ring for keyboard navigation */
:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Reduce motion respects user preference */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}