// app/styles/variables.scss

// رنگ‌های اصلی و پرایمری
$primary-blue: #f0f4fc;
$primary-pink: #ec53d3;
$primary-coral: #ec5d3d;
$primary-yellow: #ffcd38;
$primary-gold: #eeb712;
$primary-amber: #ffc107; 
$primary-soft-blue: #86b7fc;
$primary-orange: #ffbf00;
// رنگ‌های خنثی
$bg-light: #ededed;
$bg-lighter: #fafafa;
$bg-soft-gray: #e9ebed;
$bg-gray: #e8e8e8;
$bg-extra-light: #eee;
$text-dark: #333;
$text-darker: #2b2b2b;
$text-medium: #494949;
$text-light: #555;
$text-muted: #5d5d5d;
$text-gray: #7e7e7e;
$pure-white: #fff;
$pure-black: #000000;
$dim-gray: dimgray;

// سایه‌ها و شفافیت‌ها
$shadow-light: rgba(0, 0, 0, 0.1);
$shadow-extra-light: rgba(0, 0, 0, 0.08);
$shadow-medium: rgba(0, 0, 0, 0.3);
$shadow-dark: rgba(0, 0, 0, 0.36);
$shadow-darker: rgba(0, 0, 0, 0.75);
$overlay-dark: rgba(43, 61, 79, 0.9);
$border-light: rgba(128, 128, 128, 0.1);
$shadow-heavy: rgba(0, 0, 0, 0.5);