/* LAZNAS DOMYADHU v2 Design System Tokens & Utility Styles */
:root {
  /* Brand Primary */
  --color-primary: #F26722;        /* Main Orange - Brand, Primary Button, Active states */
  --color-primary-light: #FFA340;  /* Secondary Accent */
  --color-primary-bg: #FFF3E6;     /* Cream/Light Tint for badges & card highlight */

  /* Neutral & Typography */
  --color-text-main: #333333;      /* Charcoal - Main body text & high-contrast titles */
  --color-text-muted: #757575;     /* Gray - Captions, subheaders, breadcrumbs */
  --color-border: #E5E5E5;         /* Light Gray - Outlines, cards, dividers */
  --color-bg-white: #FFFFFF;       /* Pure White - Surface & container */
  --color-bg-light: #F9FAFB;       /* Secondary neutral background */

  /* Semantic Feedback */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
}

/* Custom Scrollbar Utilities */
.hide-scrollbar::-webkit-scrollbar,
.nav-pill-scroll::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar,
.nav-pill-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Typography Overrides */
body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--color-text-main);
  background-color: var(--color-bg-light);
}

/* Custom Shadow Elevations */
.shadow-card-default {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.shadow-card-hover {
  transition: all 0.25s ease-in-out;
}
.shadow-card-hover:hover {
  box-shadow: 0 8px 24px rgba(242, 103, 34, 0.12);
  transform: translateY(-2px);
}

/* Material Symbols Outlined Custom Weight */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}