/* Shared design tokens for the storefront and the admin dashboard.
   No external fonts or CDNs -- everything here is self-contained. */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --bg: #f3f9f5;
  --surface: #ffffff;
  --surface-alt: #eaf5ee;

  --primary: #1f8a55;
  --primary-dark: #0b3d24;
  --primary-darker: #082c1a;
  --primary-light: #d7f0e2;
  --accent: #34d399;

  --text: #122118;
  --text-muted: #5b6b63;
  --text-on-dark: #f4fbf7;
  --text-on-dark-muted: #b9d8c7;

  --border: #d9e8df;
  --danger: #b3261e;
  --danger-bg: #fbe9e7;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 4px 16px rgba(11, 61, 36, 0.08);
  --shadow-lg: 0 12px 32px rgba(11, 61, 36, 0.14);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--primary);
}

button, input {
  font-family: inherit;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}