:root {
  --oc-color-graphite-950: #20252b;
  --oc-color-graphite-900: #293038;
  --oc-color-graphite-700: #4b5560;
  --oc-color-graphite-500: #737d87;
  --oc-color-sand-50: #faf8f4;
  --oc-color-sand-100: #f4f0e8;
  --oc-color-sand-200: #e9e1d5;
  --oc-color-orange-500: #f28c28;
  --oc-color-orange-600: #db7416;
  --oc-color-orange-100: #fff0df;
  --oc-color-green-500: #2dbe7f;
  --oc-color-green-600: #219c67;
  --oc-color-green-100: #e5f8ef;
  --oc-color-white: #ffffff;
  --oc-color-danger: #dc3545;
  --oc-color-warning: #b7791f;
  --oc-color-info: #277da1;
  --oc-text-primary: #20252b;
  --oc-text-secondary: #66717c;
  --oc-text-muted: #8b949d;
  --oc-border-color: #e4e7ea;
  --oc-background-page: #f7f6f2;
  --oc-background-card: #ffffff;
  --oc-radius-sm: 8px;
  --oc-radius-md: 12px;
  --oc-radius-lg: 18px;
  --oc-radius-xl: 24px;
  --oc-shadow-sm: 0 2px 8px rgba(32, 37, 43, 0.06);
  --oc-shadow-md: 0 8px 24px rgba(32, 37, 43, 0.09);
  --oc-shadow-lg: 0 18px 50px rgba(32, 37, 43, 0.13);
  --oc-space-1: 4px;
  --oc-space-2: 8px;
  --oc-space-3: 12px;
  --oc-space-4: 16px;
  --oc-space-5: 20px;
  --oc-space-6: 24px;
  --oc-space-8: 32px;
  --oc-space-10: 40px;
  --oc-space-12: 48px;
  --oc-transition-fast: 160ms ease;
  --oc-transition-base: 240ms ease;
}