@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --card: #ffffff;
  --ring: #2563eb;
  --input: #d7dee8;
  --muted: #f3f6f9;
  --accent: #eaf1fb;
  --border: #dbe3ee;
  --radius: 8px;
  --popover: #ffffff;
  --primary: #111827;
  --sidebar: #f8fafc;
  --secondary: #eef3f8;
  --background: #f6f8fb;
  --foreground: #151b23;
  --destructive: #b94a42;
  --muted-foreground: #717b88;
  --accent-foreground: #243142;
  --primary-foreground: #ffffff;
  --sidebar-primary: #1f5ea8;
  --sidebar-accent: #edf4fc;
  --sidebar-border: #e2e9f2;
  --sidebar-foreground: #18212b;
  --sidebar-muted: #667383;
  --card-foreground: #151b23;
  --secondary-foreground: #485667;

  --bg-page: linear-gradient(180deg, #fbfcfe 0%, #f3f6fa 100%);
  --bg-card: #ffffff;
  --bg-hover: #f5f8fb;
  --bg-input: #fbfcfe;
  --bg-thead: #f6f8fb;
  --bg-tag: #eef4fa;

  --sidebar-bg: linear-gradient(180deg, #fbfcfe 0%, #f3f7fb 100%);
  --sidebar-hover: #eef4fa;
  --sidebar-act: #e7f0fb;
  --sidebar-txt: #647284;
  --sidebar-txt-a: #143f73;
  --sidebar-bdr: #dfe7f0;

  --topbar-bg: rgba(255, 255, 255, 0.92);
  --topbar-bdr: #e3e9f2;

  --accent-h: #1c4f86;

  --gold: #8b7752;
  --gold-mid: #9b8157;
  --gold-dim: rgba(155, 129, 87, 0.10);
  --gold-bdr: rgba(155, 129, 87, 0.22);

  --green: #24745f;
  --green-dim: rgba(36, 116, 95, 0.10);
  --green-bdr: rgba(36, 116, 95, 0.20);
  --red: #b94a42;
  --red-dim: rgba(185, 74, 66, 0.10);
  --red-bdr: rgba(185, 74, 66, 0.20);
  --blue: #2f6fae;
  --blue-dim: rgba(47, 111, 174, 0.10);
  --blue-bdr: rgba(47, 111, 174, 0.20);
  --purple: #6f6aa8;
  --purple-dim: rgba(111, 106, 168, 0.10);

  --text-1: var(--foreground);
  --text-2: #465465;
  --text-3: var(--muted-foreground);

  --border-md: #c6d1de;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 22px rgba(15, 23, 42, 0.045);
  --shadow-md: 0 14px 32px rgba(15, 23, 42, 0.08);
  --shadow-foc: 0 0 0 4px rgba(37, 99, 235, 0.14);

  --sidebar-w: 248px;
  --topbar-h: 70px;
  --radius-sm: 6px;
}