詳細度の広い順に定義をしていくため、下のレイヤーに行くにつれ詳細度は上がっていく。 Settingsプリプロセッサなどで利用するグローバル変数や全体の設定を置く。 ここではプロジェクト内のグローバルな設定を記述する。(SASS 変数や CSS Variables の定義) $font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; $white: #fff !default; $black: #000 !default; $gray: #f8f9fa !default;