/* JANDI Design Tokens — Light theme only.
 * Used by gardener-web for JANDI design system styling. */

:root {
  /* Surface & background */
  --bg: #fafbfc;
  --surface: #ffffff;
  --surface-2: #f4f5f7;
  --surface-3: #edeff2;

  /* Text */
  --text: #1a1f27;
  --text-2: #4b5159;
  --text-muted: #6c7077;
  --text-disabled: #a2a2a2;

  /* Border */
  --border: #e1e4ea;
  --border-strong: #c9cdd4;

  /* Misc */
  --hover: rgba(0, 0, 0, 0.04);
  --backdrop: rgba(15, 20, 25, 0.45);

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(28, 47, 71, 0.05);
  --shadow-md: 0 4px 12px rgba(28, 47, 71, 0.07);
  --shadow-lg: 0 12px 32px rgba(28, 47, 71, 0.1);
  --shadow-card: 0 1px 3px rgba(28, 47, 71, 0.06), 0 0 0 1px rgba(28, 47, 71, 0.04);
  --shadow-primary-sm: 0 2px 6px rgba(135, 185, 245, 0.32);
  --shadow-primary-md: 0 4px 12px rgba(135, 185, 245, 0.38);
  --shadow-primary-selected: 0 6px 16px rgba(33, 74, 133, 0.28);
  --shadow-drawer: -8px 0 32px rgba(0, 0, 0, 0.12);

  /* Primary — JANDI Blue */
  --p-50: #f5fbfd;
  --p-100: #eaf6fc;
  --p-200: #d2e5fb;
  --p-300: #a5caf8;
  --p-400: #87b9f5;
  --p-500: #87b9f5;
  --p-600: #87b9f5;
  --p-700: #5e94d6;
  --p-800: #26374d;
  --p-900: #1c2f47;

  /* Secondary — Green */
  --s-50: #f6fffb;
  --s-100: #dffcf0;
  --s-200: #9df3d0;
  --s-300: #76e7b9;
  --s-400: #4edca1;
  --s-500: #00c473;
  --s-600: #009d66;
  --s-700: #0d8054;
  --s-800: #205b43;
  --s-900: #17382c;

  /* Semantic */
  --warning: #f59e0b;
  --warning-bg: #fff4e0;
  --danger: #ef4444;
  --danger-bg: #ffe4e4;
  --danger-text: #c12b2b;
  --danger-action: #c12b2b;
  --warning-text: #8a5200;

  /* Accent — Calendar/Project colours */
  --accent-1-bg: #c5ddf8;
  --accent-1-text: #1a3f70;
  --accent-2-bg: #b8f0d5;
  --accent-2-text: #0d5f3f;
  --accent-3-bg: #8ab0de;
  --accent-3-text: #142e55;
  --accent-4-bg: #5fd0a0;
  --accent-4-text: #0f4030;

  /* Accessible foregrounds for filled controls */
  --on-primary: #1c2f47;
  --on-primary-strong: #ffffff;
  --on-danger: #ffffff;
}