/* config.css */

:root {
  --primary-color: #e0bd92; /* Light brown/orange (from TRF's gradient) */
  --primary-hover: #202020; /* Dark gray (from TRF's text color) */
  --white: #fff; /* White (unchanged) */
  --background-gradient: linear-gradient(45deg, #ebbc82, #e0bd92); /* TRF's gradient colors */
  --icon-bg: rgba(255, 255, 255, 0.9); /* Semi-transparent white (unchanged) */
  --icon-border: #ddd; /* Light gray (unchanged) */
  --text-dark: #1a1919; /* Dark text color (from TRF's text color) */
  --text-light: #fff; /* White (unchanged) */
  --text-secondary: #6c757d; /* Gray (unchanged) */
  --shadow-color: rgba(0, 0, 0, 0.1); /* Light shadow (unchanged) */
  --icon-bg-hover: #f0f0f0; /* Light gray hover (unchanged) */
  --profile-pic-outline-color-mobile: #fff; /* White outline for mobile (unchanged) */
}