/* CSS Variables for gGlue components */
:root {
  /* Color palette */
  --primary-yellow: #ffcf25;
  --secondary-yellow: #f6df24;
  --yellow-opacity: rgba(245, 222, 36, 0.9);
  --header-bg: #454554;
  --text-white: white;
  --text-gray: #666666;
  --text-dark: #90773c;
  --green-button: #39b54a;

  /* Button colors */
  --subglubler-button: #c7a3b3;
  --share-button: #bec9ac;
  --delete-button: #c7a3a3;
  --cancel-button: #b3b3b3;

  /* Dimensions */
  --container-max-width: 1380px;
  --result-box-border-radius: 8px;
  --button-border-radius: 12px;
  --popup-border-radius: 20px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;

  /* Shadows */
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 5px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-popup: 0 2px 10px rgba(0, 0, 0, 0.1);
}