// constant.scss放的是一些sass变量
// 用法：.header{color: $theme-color1;}
// 编译结果：.header{color: #0984e3;}

// :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同。
:root {
  --dark-primary-color: 'red'; //CSS 自定义属性（变量）
  --light-primary-color: blue; //CSS 自定义属性（变量）
}

$w-1500: 1500px;
$w-1475: 1475px;
$w-1450: 1450px;
$w-1400: 1400px;
$w-1375: 1375px;
$w-1350: 1350px;
$w-1300: 1300px;
$w-1275: 1275px;
$w-1250: 1250px;
$w-1200: 1200px;
$w-1150: 1150px;
$w-1100: 1100px;
$w-1000: 1000px;
$w-950: 950px;

$w-350: 350px;
$w-300: 300px;
$w-250: 250px;
$w-200: 200px;

$theme-color-gold: #ffd700;