/* ==========================================================================
   Orwatha design tokens — single source of truth.
   Extracted from the Orwatha Figma file (pT6cTHSPIsz2W4h6orV7dp).
   ========================================================================== */

/* Manrope (variable font, latin subset), self-hosted. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/static/fonts/manrope.woff2") format("woff2");
}

:root {
  /* ---- palette ---------------------------------------------------------- */
  --color-primary: #7d52f4;
  --color-primary-soft: #efebff;

  --color-ink: #030712;          /* near-black, primary text */
  --color-ink-strong: #111827;   /* headings */
  --color-ink-muted: #1f2937;    /* secondary text */

  --color-fg-muted: #969a97;     /* placeholders / tertiary */
  --color-surface: #f9fafb;      /* app background */
  --color-surface-alt: #f3f4f5;  /* auth left panel */
  --color-surface-muted: #f3f4f6;
  --color-border: #e5e7eb;
  --color-white: #ffffff;

  --color-success: #15803d;
  --color-success-soft: #f0fdf4;
  --color-info: #155dfc;
  --color-info-soft: #eff6ff;
  /* Error is not in the current Figma palette; kept as a pragmatic fallback. */
  --color-error: #b91c1c;
  --color-error-soft: #fef2f2;

  /* ---- typography -------------------------------------------------------- */
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    sans-serif;
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-xl: 1.25rem;
  --text-2xl: 2rem;     /* 32px headings */

  /* ---- radii ------------------------------------------------------------ */
  --radius-pill: 99px;
  --radius-field: 12px;
  --radius-card: 12px;
  --radius-lg: 16px;

  /* ---- sizing ------------------------------------------------------------ */
  --control-height: 52px;
  --control-height-sm: 32px;
}