:root {
  /* Base palette */
  --cas-color-orange-600: #e86524; /* Casambi Orange (primary brand) */
  --cas-color-orange-500: #e58c24; /* UI highlight */
  --cas-color-black: #000000;
  --cas-color-white: #ffffff;
  --cas-color-gray-500: #808080;
  --cas-color-gray-300: #d3d3d3;
  --cas-color-gray-100: #f5f5f5;

  /* Semantic */
  --cas-brand-primary: var(--cas-color-orange-600);
  --cas-brand-accent: var(--cas-color-orange-500);
  --cas-text-default: var(--cas-color-black);
  --cas-text-inverse: var(--cas-color-white);
  --cas-text-muted: var(--cas-color-gray-500);
  --cas-bg-surface: var(--cas-color-white);
  --cas-bg-inverse: var(--cas-color-black);
  --cas-bg-panel: var(--cas-color-gray-100);

  --cas-navbar-bg: var(--cas-color-black);
  --cas-navbar-title: var(--cas-color-white);

  --cas-button-primary-bg: var(--cas-brand-accent);
  --cas-button-primary-text: var(--cas-color-black);
  --cas-button-secondary-bg: var(--cas-color-black);
  --cas-button-secondary-text: var(--cas-color-white);
  --cas-button-danger-bg: #d32f2f;
  --cas-button-danger-text: var(--cas-color-white);

  --cas-badge-info-bg: var(--cas-color-gray-500);

  /* Typography */
  --cas-font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
    sans-serif;
  --cas-font-size: 16px;
  --cas-line-height: 1.5;
  --cas-font-weight-regular: 400;
  --cas-font-weight-medium: 500;
  --cas-font-weight-semibold: 600;

  /* Space */
  --cas-space-0: 0;
  --cas-space-1: 4px;
  --cas-space-2: 8px;
  --cas-space-3: 12px;
  --cas-space-4: 16px;
  --cas-space-6: 24px;
  --cas-space-8: 32px;

  /* Elevation */
  --cas-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.12);
  --cas-elevation-2: 0 2px 6px rgba(0, 0, 0, 0.16);

  /* Radius & border */
  --cas-radius-sm: 6px;
  --cas-radius-md: 10px;
  --cas-radius-lg: 14px;
  --cas-border-width: 1px;
  --cas-border-color: var(--cas-color-gray-300);
}