/* Showman Shared Theme Variables */
:root {
  /* Primary Brand Colors */
  --showman-orange: #f6993f;
  --calendar-red: #F05537;
  
  /* Background Colors */
  --app-bg: hsl(210, 36%, 98%);
  --modal-bg: hsl(0, 0%, 13%, 0.8);
  --card-bg: #ffffff;
  
  /* Gray Scale */
  --gray-darkest: hsl(0, 0%, 23%); /* #3a3a3a */
  --gray-darker: hsl(0, 0%, 32%);  /* #525252 */
  --gray-dark: hsl(0, 0%, 38%);    /* #616161 */
  --gray: hsl(0, 0%, 62%);         /* #9e9e9e */
  --gray-light: hsl(0, 0%, 69%);   /* #b0b0b0 */
  --gray-lighter: hsl(0, 0%, 81%); /* #cfcfcf */
  --gray-lightest: hsl(0, 0%, 88%); /* #e1e1e1 */
  
  /* Blue Scale */
  --blue-darkest: hsl(200, 82%, 24%); /* #0b4d6b */
  --blue-dark: hsl(200, 72%, 31%);    /* #16607a */
  --blue-brand: hsl(200, 59%, 43%);   /* #2d7a9b */
  --blue-light: hsl(200, 66%, 69%);   /* #6ba8c4 */
  --blue-lighter: hsl(200, 88%, 90%); /* #c7e6f7 */
  --blue-lightest: hsl(201, 100%, 96%); /* #f0f9ff */
  
  /* Status Colors */
  --status-yellow-dark: hsl(22, 82%, 39%);   /* #b8540a */
  --status-yellow-light: hsl(48, 100%, 88%); /* #fff3c4 */
  --status-yellow-dark-2: hsl(43, 77%, 27%); /* #7c6914 */
  --status-yellow-light-2: hsl(45, 90%, 88%); /* #f7f0c7 */
}

/* Utility classes for cross-framework compatibility */
.showman-orange { color: var(--showman-orange); }
.bg-showman-orange { background-color: var(--showman-orange); }
.border-showman-orange { border-color: var(--showman-orange); }

.text-showman { color: var(--showman-orange); }
.bg-app-bg { background-color: var(--app-bg); }
.text-gray-dark { color: var(--gray-dark); }
.bg-blue-brand { background-color: var(--blue-brand); }