:root {
  --factly-teal-light: #4edad6;
  --factly-teal-main: #18c3cb;
  --factly-teal-dark: #0c7a8f;
  --factly-wordmark: #253347;
  --factly-ink: #13293d;
  --factly-surface: #f7fbfc;
  --factly-border: #d9e7eb;
  --factly-white: #ffffff;
  --factly-black: #111111;

  --bg: linear-gradient(180deg, #fbfeff 0%, #f4fbfc 44%, #eef7f9 100%);
  --surface: #ffffff;
  --surface-muted: #f7fbfc;
  --surface-strong: #eff8f9;
  --text: var(--factly-ink);
  --text-soft: #5b6d79;
  --text-muted: #7f9099;
  --border-strong: #c8dbe0;

  --primary: var(--factly-teal-main);
  --primary-strong: var(--factly-teal-dark);
  --primary-soft: #e9fbfb;
  --success: #1f8d63;
  --success-soft: #e7f8f0;
  --warn: #bb7a14;
  --warn-soft: #fff4df;
  --error: #c24f5f;
  --error-soft: #ffecee;

  --factly-gradient: linear-gradient(135deg, var(--factly-teal-light) 0%, var(--factly-teal-main) 48%, var(--factly-teal-dark) 100%);
  --factly-gradient-soft: linear-gradient(180deg, rgba(78, 218, 214, 0.18) 0%, rgba(24, 195, 203, 0.08) 100%);
  --factly-font-brand: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --factly-font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --shadow-sm: 0 10px 28px rgba(19, 41, 61, 0.06);
  --shadow-md: 0 20px 48px rgba(19, 41, 61, 0.1);
  --shadow-lg: 0 28px 72px rgba(19, 41, 61, 0.16);
  --sidebar-width: 290px;
  --content-width: 1380px;
}