/* BalanceBitez Official Color Palette */
:root {
  /* Neutrals */
  --cream: #F5EFE6;
  --cream-2: #EFE7DA;
  --cream-3: #E8DDC9;
  --rose: #B5582F;

  /* Inks */
  --ink: #1F1614;
  --ink-2: #3D2C24;
  --choc: #2A1A14;
  --choc-2: #3E2419;
  --muted: #6B5A52;

  /* Brand Accent */
  --clay: #B5582F;
  --clay-soft: #D88C68;
  --sage: #6B7A5A;

  /* Flavour Accents */
  --berry-bliss-accent: #8B2D3F;
  --berry-bliss-soft: #E8C9D0;
  --coconut-glow-accent: #6B7A5A;
  --coconut-glow-soft: #D8DDC9;
  --cocoa-crunch-accent: #4A2C1F;
  --cocoa-crunch-soft: #D8C5B8;
  --birthday-cake-accent: #C77B5C;
  --birthday-cake-soft: #F0D8C9;

  /* CSS Variable Mapping for Settings System */
  --petal: #E8DDC9;
  --soft: #EFE7DA;
  --berry: #2A1A14;
  --mist: #6B5A52;
  --gold: #D88C68;

  /* Lines */
  --hairline: rgba(31, 22, 20, 0.12);
  --hairline-soft: rgba(31, 22, 20, 0.06);

  /* Derived RGB values for gradients & shadows */
  --cream-rgb: 245, 239, 230;
  --ink-rgb: 31, 22, 20;
  --clay-rgb: 181, 88, 47;
  --rose-rgb: 181, 88, 47;
}