:root {
  --bg: #f3f5f8;
  --bg-soft: #eef2f6;
  --panel: #ffffff;
  --panel-strong: #fcfdff;

  --border: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);

  --text: #101828;
  --text-soft: #475467;
  --text-muted: #667085;

  --primary: #155eef;
  --primary-2: #004eeb;
  --primary-soft: rgba(21, 94, 239, 0.08);

  --success: #067647;
  --danger: #b42318;

  --radius-xl: 18px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;

  --shadow-xl:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 12px 24px rgba(16, 24, 40, 0.06);
  --shadow-md:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 6px 12px rgba(16, 24, 40, 0.05);

  --container-width: 1320px;
}