/* Global CSS Variables for Rumo Theme */
:root {
  /* Background Colors */
  --bg-main: #f9f6e3;
  --bg-pink: #fce3db;
  --bg-beige: #b6804b;
  --bg-light-blue: #dcebf0;
  
  /* Text Colors */
  --text-main: #5a3d32;
  --text-secondary: #ffffff;
  --text-accent: #f8f6e3;
  --hover-text-main: #743e2a;
  
  /* Accent Colors */
  --accent-yellow: #f0cb81;
  --accent-blue: #9eb3cf;
  --accent-violet: #d7a0be;
  --accent-pink: #f59094;
  --accent-green: #aac584;
  --accent-red: #ea002a;
  --accent-beige: #e8ddc5;
  
  /* Light Accent Colors */
  --accent-yellow-light: #ffbd59;
  --accent-blue-light: #1d6fbf;
  --accent-violet-light: #d2479d;
  --accent-green-light: #5aa639;
  --accent-pink-light: #f1515b;
  
  /* Other Colors */
  --bullet-bg: #cdb9a6;
  
  /* Typography */
  --font: "Poppins", "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  
  /* Breakpoints */
  --ui-breakpoint-xl-min: 1200px;
  --ui-breakpoint-md: 768px;
  --ui-breakpoint-md-min: 1024px;
  --ui-breakpoint-sm: 576px;
  --ui-breakpoint-sm-min: 768px;
}