:root {
  --background: 204 22% 94%;        /* Soft blue-gray canvas */
  --text: 195 25% 16%;              /* #2A3A40 */

  --warning: 42 65% 55%;             /* Gold */
  --alert: 42 75% 48%;               /* #D4AF37 */

  --blue: 201 29% 45%;               /* #567D8F */
  --cyan: 194 32% 57%;               /* #6FA4B4 */

  --teal: 183 40% 32%;               /* #2D6B6B - عمیق‌تر و لوکس */
  --teal-secondary: 178 35% 40%;     /* #4A8C87 */

  --success: 142 35% 40%;
  --success-secondary: 160 35% 34%;

  --muted: 204 22% 91%;              /* Soft muted surfaces */
  --border: 198 18% 85%;             /* Subtle blue-gray border */

  --primary: 42 65% 52%;             /* #D4AF37 */
  --primary-btn: 42 65% 52%;

  --secondary: 204 22% 88%;          /* Soft secondary surface */
  --ring: 42 75% 48%;                /* #D4AF37 */

  --radius: .5rem;
}

.dark {
  --background: 195 25% 12%;         /* #2A4954 */
  --text: 210 25% 96%;               /* #F4F7F8 */

  --warning: 42 68% 60%;             /* #E6C66A */
  --alert: 42 75% 55%;               /* Gold */

  --blue: 198 30% 58%;               /* #6FA4B4 */
  --cyan: 194 38% 63%;               /* #7FAEC3 */

  --teal: 183 45% 42%;               /* #3D8B8B */
  --teal-secondary: 178 40% 50%;     /* #5FAFAA */

  --success: 142 45% 48%;
  --success-secondary: 160 45% 42%;

  --muted: 195 20% 18%;
  --border: 198 15% 27%;

  --primary: 42 65% 58%;             /* #E6C66A */
  --primary-btn: 42 65% 58%;

  --secondary: 195 20% 20%;
  --ring: 42 75% 55%;
}