:root {
  /* Cogiens core brand */
  --cg-orange: #EB6100;
  --cg-blue: #0085D0;
  --cg-navy: #0D2C54;
  --cg-tech-blue: #1A6EDB;

  /* neutrals */
  --cg-white: #FFFFFF;
  --cg-gray-50: #F4F6F8;
  --cg-gray-100: #E6E9EE;
  --cg-gray-500: #7A8591;
  --cg-gray-800: #33373D;
  --cg-black: #0B1120;

  /* semantic */
  --cg-success: #16A34A;
  --cg-warning: #F59E0B;
  --cg-danger: #EF4444;
  --cg-info: #0085D0;

  /* typography */
  --cg-font-sans: Inter, "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cg-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --cg-fs-xs: 12px;
  --cg-fs-sm: 13px;
  --cg-fs-md: 14px;
  --cg-fs-lg: 16px;
  --cg-fs-xl: 20px;
  --cg-fs-2xl: 24px;
  --cg-fs-3xl: 32px;

  --cg-radius-sm: 8px;
  --cg-radius-md: 12px;
  --cg-radius-lg: 16px;
  --cg-radius-pill: 999px;

  --cg-shadow-sm: 0 2px 8px rgba(13,44,84,.08);
  --cg-shadow-md: 0 10px 30px rgba(13,44,84,.12);

  --cg-space-1: 4px;
  --cg-space-2: 8px;
  --cg-space-3: 12px;
  --cg-space-4: 16px;
  --cg-space-5: 20px;
  --cg-space-6: 24px;
  --cg-space-8: 32px;

  --cg-sidebar-width: 240px;
  --cg-header-height: 64px;
  --cg-transition: 160ms ease;
}