:root {
  /* Quarry stone palette */
  --stone-100: #f5f0eb;
  --stone-200: #e8dfd6;
  --stone-300: #d4c5b5;
  --stone-400: #b8a594;
  --stone-500: #9c8677;
  --stone-600: #7d6a5b;
  --stone-700: #5e4f42;
  --stone-800: #40362c;
  --stone-900: #241e18;

  /* Stage colors */
  --stage-dev: #6b8f71;
  --stage-dev-dark: #4a6e50;
  --stage-review: #7a7fb5;
  --stage-review-dark: #595e94;
  --stage-delivery: #b57a5a;
  --stage-delivery-dark: #945939;

  /* Accent */
  --accent: #c9a96e;
  --accent-dark: #a88840;
  --accent-light: #e8d5a8;

  /* Status */
  --success: #5a9e6f;
  --warning: #d4a843;
  --danger: #c45c5c;
  --danger-dark: #a94a4a;
  --info: #5a8fc4;

  /* Surfaces */
  --bg-primary: #1a1510;
  --bg-secondary: #241e18;
  --bg-surface: #2e261e;
  --bg-elevated: #3a3028;

  /* Text */
  --text-primary: #f5f0eb;
  --text-secondary: #b8a594;
  --text-muted: #7d6a5b;

  /* Borders */
  --border-subtle: #3a3028;
  --border-default: #5e4f42;

  /* Overlays */
  --overlay-bg: rgba(0, 0, 0, 0.6);

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;

  /* Layout */
  --topbar-height: 56px;
  --sidebar-width: 220px;
  --max-content-width: 1200px;
}

/* Light theme */
[data-theme="light"] {
  /* Surfaces */
  --bg-primary: #f5f0eb;
  --bg-secondary: #ebe3d9;
  --bg-surface: #ffffff;
  --bg-elevated: #f0e8de;

  /* Text */
  --text-primary: #2e261e;
  --text-secondary: #5e4f42;
  --text-muted: #9c8677;

  /* Borders */
  --border-subtle: #e0d5c8;
  --border-default: #c4b5a3;

  /* Overlays */
  --overlay-bg: rgba(0, 0, 0, 0.3);

  /* Accent adjustments for legibility on light bg */
  --accent: #a88840;
  --accent-dark: #8d7030;
  --accent-light: #c9a96e;

  /* Stage colors - slightly deeper for contrast */
  --stage-dev: #4a7e52;
  --stage-dev-dark: #3a6640;
  --stage-review: #5c62a0;
  --stage-review-dark: #4a4f88;
  --stage-delivery: #a06840;
  --stage-delivery-dark: #854f2e;

  /* Status colors - deeper for light bg */
  --success: #3d8a55;
  --warning: #b8902e;
  --danger: #b04040;
  --danger-dark: #943535;
  --info: #3d7ab0;

  /* Shadows - lighter */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.12);
}