2. CSSネイティブ変数とメディアクエリ：詳細ガイド
   CSSネイティブ変数は、CSSコードをより簡潔で柔軟に記述するために導入された機能です。しかし、メディアクエリ内ではネイティブ変数が正しく動作しない場合があることが知られています。問題点メディアクエリ内でネイティブ変数を用いると、以下の問題が発生する可能性があります。
3. Sass/SCSS/PostCSS：カラー変数と透明度をさらに活用する
   rgba() 関数は、赤、緑、青、透明度の4つの値を受け取り、カラー値を生成します。カラー変数に透明度を適用するには、rgba() 関数の中にカラー変数を指定します。上記の例では、--main-color というカラー変数に赤色を定義し、.element 要素の色を rgba() 関数を使って半透明に設定しています。