/**
 * JEEMA Core shared design tokens — published for Mode B modules.
 * SSOT source: apps/web/src/index.css (+ design-system/jedl.css for JEDL Phase 1)
 * Production URL: https://jeema.one/shared/jeema-core.css
 * Modules MUST link this URL — MUST NOT copy into jeema-{slug} packages.
 *
 * JEDL Phase 1: `--jedl-*` tokens coexist with `--jeema-*`.
 * Dark shell colors alias Core; do not remove `--jeema-*` (CRM / Identity depend on them).
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@500;600;700&display=swap');

:root {
  color-scheme: dark;
  --jeema-font-sans: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  --jeema-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --jeema-bg: #020617;
  --jeema-surface: rgb(15 23 42 / 0.7);
  --jeema-surface-solid: #0f172a;
  --jeema-border: #1e293b;
  --jeema-border-strong: #334155;
  --jeema-text: #e2e8f0;
  --jeema-text-muted: #94a3b8;
  --jeema-text-faint: #64748b;
  --jeema-accent: #0ea5e9;
  --jeema-accent-hover: #38bdf8;
  --jeema-accent-fg: #020617;
  --jeema-accent-soft: rgb(14 165 233 / 0.15);
  --jeema-success: #6ee7b7;
  --jeema-warning: #fcd34d;
  --jeema-danger: #fda4af;

  /* —— JEDL Phase 1 color aliases (Core coexistence) —— */
  --jedl-color-primary: var(--jeema-accent);
  --jedl-color-primary-hover: var(--jeema-accent-hover);
  --jedl-color-primary-fg: var(--jeema-accent-fg);
  --jedl-color-primary-soft: var(--jeema-accent-soft);
  --jedl-color-accent: var(--jeema-accent);
  --jedl-color-accent-hover: var(--jeema-accent-hover);
  --jedl-color-accent-fg: var(--jeema-accent-fg);
  --jedl-color-accent-soft: var(--jeema-accent-soft);
  --jedl-color-success: var(--jeema-success);
  --jedl-color-warning: var(--jeema-warning);
  --jedl-color-danger: var(--jeema-danger);
  --jedl-color-surface: var(--jeema-surface);
  --jedl-color-surface-raised: var(--jeema-surface-solid);
  --jedl-color-background: var(--jeema-bg);
  --jedl-color-border: var(--jeema-border);
  --jedl-color-border-strong: var(--jeema-border-strong);
  --jedl-color-text: var(--jeema-text);
  --jedl-color-text-muted: var(--jeema-text-muted);
  --jedl-color-text-faint: var(--jeema-text-faint);
  --jedl-color-focus: var(--jeema-accent);

  --jedl-font-family-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --jedl-font-family-body: Inter, system-ui, sans-serif;
  --jedl-font-family-code: "JetBrains Mono", ui-monospace, monospace;

  --jedl-space-0: 0px;
  --jedl-space-2: 2px;
  --jedl-space-4: 4px;
  --jedl-space-8: 8px;
  --jedl-space-12: 12px;
  --jedl-space-16: 16px;
  --jedl-space-20: 20px;
  --jedl-space-24: 24px;
  --jedl-space-28: 28px;
  --jedl-space-32: 32px;
  --jedl-space-40: 40px;
  --jedl-space-48: 48px;
  --jedl-space-56: 56px;
  --jedl-space-64: 64px;
  --jedl-space-72: 72px;
  --jedl-space-80: 80px;
  --jedl-space-96: 96px;
  --jedl-space-112: 112px;
  --jedl-space-128: 128px;
  --jedl-space-160: 160px;
  --jedl-space-192: 192px;
  --jedl-space-256: 256px;

  --jedl-radius-none: 0px;
  --jedl-radius-xs: 2px;
  --jedl-radius-sm: 4px;
  --jedl-radius-md: 8px;
  --jedl-radius-lg: 12px;
  --jedl-radius-xl: 16px;
  --jedl-radius-2xl: 24px;
  --jedl-radius-pill: 9999px;
  --jedl-radius-circle: 50%;

  font-family: var(--jeema-font-sans);
  color: var(--jeema-text);
  background-color: var(--jeema-bg);
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--jeema-bg);
  color: var(--jeema-text);
  font-family: var(--jeema-font-sans);
}

input,
textarea,
select,
button {
  font-family: inherit;
}

input,
textarea,
select {
  color-scheme: dark;
}