:root{
  --laght-gray: #E7E8EC;
  --white: #ffffff;
  --gray: #313131;
  --stoke: #B7B7B7;
  --textr: #111111;

  --text: var(--textr);
  --card: var(--laght-gray);
  --panel: var(--gray);
  --border-light: #e6e6e8;
  --muted: #6b7280;
  --muted-text: #8b8b93;
  --accent: #1f7ae6;
  --soft: var(--white);
  --kaspi-bg: #1f1f1f;

  --muted-bg: #f3f4f6;      
  --muted-bg-soft: #f6f6f8; 
  --image-bg: #f7f7f8;     
  --card-hover-border: #C8C8C8;

  --shadow: 0 8px 24px rgba(14,20,30,0.08);
  --card-shadow-strong: 0 12px 30px rgba(10,20,40,0.08);
  --card-shadow-soft: 0 6px 18px rgba(10,20,40,0.06);

  --bg-gradient-start: #BEBBE9;
  --bg-gradient-end: #D6D6DE;

  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --cat-card-radius: 18px;
  --card-radius: 12px;
  --pill-radius: 999px;
}