/*
 * egule.mn — selected 01 / OPEN CLOUD / Нээлттэй үүл
 * v2 refinement for review. Design handoff only; no app styles are applied.
 * Brand colors and semantic status colors have separate roles.
 */
:root {
  --egule-primary: #3158D5;
  --egule-ink: #182B4D;
  --egule-action: #3158D5;
  --egule-action-hover: #2444B0;
  --egule-accent: #BCD5FF;
  --egule-tint: #F3F6FD;
  --egule-background: #FFFFFF;
  --egule-surface: #FFFFFF;
  --egule-text: #182B4D;
  --egule-text-secondary: #536379;
  --egule-text-on-primary: #FFFFFF;
  --egule-text-on-action: #FFFFFF;
  --egule-text-on-accent: #182B4D;

  --egule-border: #DFE5EF;
  --egule-border-strong: #7C8FAF;
  --egule-control-border: #7C8FAF;
  --egule-graph-edge: #6D85BF;
  --egule-focus: #3158D5;
  --egule-focus-gap: #FFFFFF;
  --egule-focus-width: 2px;
  --egule-focus-offset: 3px;

  /* Use status text or icons together with color. */
  --egule-status-success: #235B8F;
  --egule-status-warning: #805800;
  --egule-status-danger: #B42318;
  --egule-text-on-status: #FFFFFF;

  --egule-font-ui: "Segoe UI", Arial, sans-serif;
  --egule-font-weight-regular: 400;
  --egule-font-weight-medium: 600;
  --egule-font-weight-bold: 700;
  --egule-line-height-body: 1.5;
  --egule-line-height-heading: 1.15;

  --egule-space-1: 4px;
  --egule-space-2: 8px;
  --egule-space-3: 12px;
  --egule-space-4: 16px;
  --egule-space-6: 24px;
  --egule-space-8: 32px;
  --egule-space-12: 48px;

  --egule-radius-small: 6px;
  --egule-radius-medium: 12px;
  --egule-radius-large: 20px;
  --egule-radius-pill: 999px;
}