:root {
  --bamboo-bg: #faf8f3;
  --bamboo-surface: #ffffff;
  --bamboo-surface-glass: rgba(255, 255, 255, 0.56);
  --bamboo-surface-soft: #f4efe6;
  --bamboo-surface-header: rgba(250, 248, 243, 0.94);
  --bamboo-mobile-chrome-bg: rgba(232, 237, 225, 0.97);
  --bamboo-text: #25251f;
  --bamboo-muted: #6f6a5f;
  --bamboo-border: #e5ded1;
  --bamboo-border-strong: #d8cfbd;
  --bamboo-primary-soft: #e8ede1;
  --bamboo-primary: #516243;
  --bamboo-primary-dark: #38462f;
  --bamboo-accent-soft: #f1e6d5;
  --bamboo-warning: #b87531;
  --bamboo-danger: #a5483b;
  --bamboo-success: #4f7d4d;

  --bamboo-warning-soft: #f1e6d5;
  --bamboo-success-soft: #e8f0e2;
  --bamboo-danger-soft: #f7e9e5;
  --bamboo-disabled-soft: #f7f4ee;

  --bamboo-warning-border: rgba(184, 117, 49, 0.24);
  --bamboo-focus-ring: rgba(81, 98, 67, 0.1);
  --bamboo-overlay: rgba(37, 37, 31, 0.38);

  --bamboo-font-regular: "Bamboo Yekan Bakh", Tahoma, Arial, sans-serif;
  --bamboo-font-medium: "Bamboo Yekan Bakh", Tahoma, Arial, sans-serif;
  --bamboo-font-bold: "Bamboo Yekan Bakh", Tahoma, Arial, sans-serif;
  --bamboo-font-heading: "Bamboo Yekan Bakh", Tahoma, Arial, sans-serif;
  --bamboo-font-family: "Bamboo Yekan Bakh", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --bamboo-font: var(--bamboo-font-family);

  --bamboo-font-weight-regular: 400;
  --bamboo-font-weight-medium: 600;
  --bamboo-font-weight-bold: 600;
  --bamboo-font-weight-heading: 700;

  --bamboo-font-body: 14px;
  --bamboo-font-content: 14px;
  --bamboo-font-ui: 13px;
  --bamboo-font-control: 13px;
  --bamboo-font-label: 12px;
  --bamboo-font-small: 11.5px;
  --bamboo-font-heading-xs: 13px;
  --bamboo-font-heading-sm: 14px;
  --bamboo-font-heading-md: 16px;
  --bamboo-font-heading-lg: 18px;
  --bamboo-font-heading-hero: 20px;

  --bamboo-font-size-xs: var(--bamboo-font-small);
  --bamboo-font-size-sm: var(--bamboo-font-label);
  --bamboo-font-size-base: var(--bamboo-font-body);
  --bamboo-font-size-lg: var(--bamboo-font-heading-sm);
  --bamboo-font-size-xl: var(--bamboo-font-heading-lg);
  --bamboo-font-size-2xl: var(--bamboo-font-heading-hero);
  --bamboo-line-height: 1.65;
  --bamboo-line-height-base: 1.65;
  --bamboo-line-height-tight: 1.45;

  --bamboo-space-1: 0.25rem;
  --bamboo-space-2: 0.5rem;
  --bamboo-space-3: 0.75rem;
  --bamboo-space-4: 1rem;
  --bamboo-space-5: 1.5rem;
  --bamboo-space-6: 2rem;
  --bamboo-space-7: 3rem;
  --bamboo-space-8: 4rem;

  --bamboo-radius-xl: 28px;
  --bamboo-radius-lg: 22px;
  --bamboo-radius-md: 20px;
  --bamboo-radius-sm: 14px;
  --bamboo-radius-icon: 15px;
  --bamboo-radius-pill: 999px;

  --bamboo-shadow-none: none;
  --bamboo-shadow-subtle: 0 8px 24px rgba(37, 37, 31, 0.035);
  --bamboo-shadow-hover: 0 12px 28px rgba(37, 37, 31, 0.055);
  --bamboo-shadow-focus: 0 0 0 var(--bamboo-space-1) var(--bamboo-focus-ring);

  --bamboo-control-height: 44px;
  --bamboo-control-height-sm: 42px;
  --bamboo-transition-fast: 160ms ease;
  --bamboo-transition-base: 220ms ease;

  --bamboo-container: 1240px;
}

@media (min-width: 1440px) {
  :root {
    --bamboo-container: 1600px;
  }
}