:root {
      --bg-offwhite: #FAF6EF;
      --brand-cream: #F3EDE2;
      --brand-cream-border: #E8DEC8;
      --brand-cream-dark: #D9CBB7;
      --surface-white: #FFFFFF;
      --btn-primary: #ea580c;
      --btn-primary-hover: #c2410c;
      --btn-primary-active: #9a3412;
      --text-charcoal: #26140E;
      --text-muted: #6D5545;
    }
    body {
      background-color: #FAF6EF;
      color: #26140E;
      font-family: 'Plus Jakarta Sans', sans-serif;
      -webkit-tap-highlight-color: transparent;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .clay-surface {
      box-shadow: 0 12px 28px -6px rgba(234, 88, 12, 0.08), 0 6px 12px -3px rgba(234, 88, 12, 0.04), inset 0 1px 1px 0 rgba(255, 255, 255, 0.9);
    }
    .glow-gold {
      box-shadow: 0 4px 20px 0 rgba(234, 88, 12, 0.30);
    }
    .floating-fab-shadow {
      box-shadow: 0 8px 24px rgba(234, 88, 12, 0.35), 0 2px 6px rgba(0, 0, 0, 0.08);
    }