:root {
  --giftflow-primary-color: #000000;
  --giftflow-secondary-color: #10B981;
  --giftflow-text-color: black;
  --giftflow-text-light: #6B7280;
  --giftflow-border-color: #E5E7EB;
  --giftflow-background-color: #F9FAFB;
  --giftflow-error-color: #EF4444;
  --giftflow-success-color: #10B981;
  --giftflow-border-radius: 6px;
  --giftflow-transition: all 0.3s ease;
  --giftflow-disabled: #fafafa;
  --giftflow-disabled-text: #999;
  --giftflow-font-family-monospace: monospace, 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', 'Lucida Console', 'Courier New';
}

// SCSS Variables (referencing CSS Custom Properties)
$primary-color: var(--giftflow-primary-color);
$secondary-color: var(--giftflow-secondary-color);
$text-color: var(--giftflow-text-color);
$text-light: var(--giftflow-text-light);
$border-color: var(--giftflow-border-color);
$background-color: var(--giftflow-background-color);
$error-color: var(--giftflow-error-color);
$success-color: var(--giftflow-success-color);
$border-radius: var(--giftflow-border-radius);
$transition: var(--giftflow-transition);
$font-family-monospace: var(--giftflow-font-family-monospace);