/* Shared design tokens — one product across display + edit views.
   Safari 15-safe: plain custom properties, no nesting, no :has(). */
:root {
  /* iOS StandBy-style palette on near-black (not pure black — iPhone 7 is LCD) */
  --bg: #0a0a0c;
  --bg-raised: #1a1a1e;
  --bg-sheet: #1c1c21;
  --text: #f2f2f4;
  --text-dim: #98989f;
  --text-faint: #5c5c63;
  --line: #29292e;
  --red: #ff453a;
  --amber: #ff9f0a;
  --green: #30d158;
  --blue: #a9c9ff;
  --teal: #64d2ff;
  --radius: 14px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
  --serif: ui-serif, "New York", Georgia, "Times New Roman", serif;
  --mono: ui-monospace, "SF Mono", Menlo, "Roboto Mono", monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}