:root {
  --sidebar-width: 256px;
  --sidebar-collapsed-width: 80px;

  --color-white: #ffffff;
  --color-background: #f1f3f5;
  --color-card: #ffffff;
  --color-surface: #f5f7f8;
  --color-foreground: #293041;

  --color-border: #e2e5e9;
  --color-border-medium: #c4c8ce;
  --color-border-40: #e2e5e966;
  --color-border-50: #e2e5e980;
  --color-border-60: #e2e5e999;

  --color-muted: #ebeef1;
  --color-muted-foreground: #737c8c;
  --color-muted-10: #ebeef11a;
  --color-muted-15: #ebeef126;
  --color-muted-20: #ebeef133;
  --color-muted-30: #ebeef14d;
  --color-muted-50: #ebeef180;
  --color-muted-80: #ebeef1cc;
  --color-muted-foreground-50: #737c8c80;

  --color-primary: #267a77;
  --color-primary-foreground: #ffffff;
  --color-primary-hover: #319e9a;
  --color-primary-light-bg: #ddf0ef;
  --color-primary-light-fg: #1f6563;
  --color-primary-05: #267a770d;
  --color-primary-10: #267a771a;
  --color-primary-15: #267a7726;
  --color-primary-20: #267a7733;
  --color-primary-30: #267a774d;
  --color-primary-40: #267a7766;
  --color-primary-60: #267a7799;
  --color-primary-90: #267a77e6;

  --color-secondary: #e8f3f2;
  --color-secondary-foreground: #206360;
  --color-secondary-80: #e8f3f2cc;
  --color-secondary-foreground-15: #20636026;

  --color-selection-bg: #f5fbf9;

  --color-success: #1da34e;
  --color-success-dark: #17803d;
  --color-success-10: #1da34e1a;
  --color-success-20: #1da34e33;
  --color-success-soft-border: #a7f3d0;
  --color-success-soft-bg: #ecfdf5;
  --color-success-soft-fg: #047857;

  --color-warning: #f2a60a;
  --color-warning-10: #f2a60a1a;
  --color-warning-30: #f2a60a4d;
  --color-warning-soft-border: #fde68a;
  --color-warning-soft-bg: #fef3c7;
  --color-warning-soft-fg: #b45309;

  --color-destructive: #d32f2f;
  --color-destructive-dark: #a82424;
  --color-destructive-05: #d32f2f0d;
  --color-destructive-10: #d32f2f1a;
  --color-destructive-12: #dc35451f;
  --color-destructive-20: #d32f2f33;
  --color-destructive-30: #dc2626;
  --color-destructive-soft-border: #fecaca;
  --color-destructive-soft-bg: #fee2e2;
  --color-destructive-soft-fg: #b91c1c;

  --color-accent: #ddf0ef;
  --color-accent-foreground: #205352;

  --color-popover: #ffffff;
  --color-popover-foreground: #293041;

  --color-primary-dark: #1a5c55;

  --color-white-20: #ffffff33;
  --color-white-35: #ffffff59;

  --color-file-pdf-bg: #fee2e2;
  --color-file-pdf-fg: #dc2626;
  --color-file-excel-bg: #dcfce7;
  --color-file-excel-fg: #16a34a;
  --color-file-image-bg: #dbeafe;
  --color-file-image-fg: #2563eb;
  --color-file-doc-fg: #6610f2;

  --color-amber-50: #fffbeb;
  --color-amber-300: #fcd34d;
  --color-amber-600: #d97706;

  --color-info-soft-border: #b6d4fe;
  --color-info-soft-bg: #cfe2ff;
  --color-info: #0dcaf0;
  --color-info-10: #0dcaf01a;

  --color-purple: #8b5cf6;

  --color-focus-ring: 0 0 0 2px var(--color-primary-15);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-md-soft: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-toast: 0 4px 12px -2px rgb(0 0 0 / 0.12), 0 2px 6px -2px rgb(0 0 0 / 0.08);

  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;

  --text-xs: 0.75rem;
  --leading-xs: 1rem;
  --text-sm: 0.875rem;
  --leading-sm: 1.25rem;
  --text-base: 1rem;
  --leading-base: 1.5rem;
  --text-lg: 1.125rem;
  --leading-lg: 1.75rem;
  --text-xl: 1.25rem;
  --leading-xl: 1.75rem;

  --tracking-tight: -0.025em;

  --space-0\.5: 0.125rem;
  --space-1: 0.25rem;
  --space-1\.5: 0.375rem;
  --space-2: 0.5rem;
  --space-2\.5: 0.625rem;
  --space-3: 0.75rem;
  --space-3\.5: 0.875rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
}