:root {

  --Color-White: #fff;
  --Color-Black: #333;
  --Color-Border: rgba( 0, 0, 0, 0.1);

  /* 灰色 */
  --Color-Slate-50: #f8fafc;
  --Color-Slate-100: #f1f5f9;
  --Color-Slate-200: #e2e8f0;
  --Color-Slate-300: #cbd5e1;
  --Color-Slate-400: #94a3b8;
  --Color-Slate-500: #64748b;
  --Color-Slate-600: #475569;
  --Color-Slate-700: #334155;
  --Color-Slate-800: #1e293b;
  --Color-Slate-900: #0f172a;
  --Color-Slate-950: #020617;

  /* 藍色 */
  --Color-Blue-50: #eff6ff;
  --Color-Blue-100: #dbeafe;
  --Color-Blue-200: #bfdbfe;
  --Color-Blue-300: #93c5fd;
  --Color-Blue-400: #60a5fa;
  --Color-Blue-500: #3b82f6;
  --Color-Blue-600: #2563eb;
  --Color-Blue-700: #1d4ed8;
  --Color-Blue-800: #1e40af;
  --Color-Blue-900: #1e3a8a;
  --Color-Blue-950: #172554;

  /* 淺藍色 */
  --Color-Sierra-50:  #eef9fd;
  --Color-Sierra-100: #d8f1fa;
  --Color-Sierra-200: #bae7f7;
  --Color-Sierra-300: #8bdaf0;
  --Color-Sierra-400: #54c3e8;
  --Color-Sierra-500: #29a7e2;
  --Color-Sierra-600: #108bd8;
  --Color-Sierra-700: #0774c8;
  --Color-Sierra-800: #0c5ea3;
  --Color-Sierra-900: #115081;
  --Color-Sierra-950: #0f324f;

  /* 藍綠色 */
  --Color-Turquoise-50:  #eefcfd;
  --Color-Turquoise-100: #d8f9fa;
  --Color-Turquoise-200: #baf6f7;
  --Color-Turquoise-300: #8bf0ee;
  --Color-Turquoise-400: #54e7e8;
  --Color-Turquoise-500: #29d3e2;
  --Color-Turquoise-600: #10bbd8;
  --Color-Turquoise-700: #07a3c8;
  --Color-Turquoise-800: #1384a3;
  --Color-Turquoise-900: #116b81;
  --Color-Turquoise-950: #0f424f;

  /* 紅色 */
  --Color-Rose-50: #fff1f2;
  --Color-Rose-100: #ffe4e6;
  --Color-Rose-200: #fecdd3;
  --Color-Rose-300: #fda4af;
  --Color-Rose-400: #fb7185;
  --Color-Rose-500: #f43f5e;
  --Color-Rose-600: #e11d48;
  --Color-Rose-700: #be123c;
  --Color-Rose-800: #9f1239;
  --Color-Rose-900: #881337;
  --Color-Rose-950: #4c0519;

  /* 橙色 */
  --Color-Orange-50: #fff7ed;
  --Color-Orange-100: #ffedd5;
  --Color-Orange-200: #fed7aa;
  --Color-Orange-300: #fdba74;
  --Color-Orange-400: #fb923c;
  --Color-Orange-500: #f97316;
  --Color-Orange-600: #ea580c;
  --Color-Orange-700: #c2410c;
  --Color-Orange-800: #9a3412;
  --Color-Orange-900: #7c2d12;
  --Color-Orange-950: #431407;

  /* 黃色 */
  --Color-Marigold-50:  #fef9ec;
  --Color-Marigold-100: #fbf2d3;
  --Color-Marigold-200: #f7e2a6;
  --Color-Marigold-300: #f3cb6d;
  --Color-Marigold-400: #eeaa31;
  --Color-Marigold-500: #ea9008;
  --Color-Marigold-600: #dd7500;
  --Color-Marigold-700: #b95900;
  --Color-Marigold-800: #944607;
  --Color-Marigold-900: #773b09;
  --Color-Marigold-950: #411c02;
}