:root {
  /* ── Color set A */
  --color-set-background-a: #6b1f1f;
  --color-set-text-a: #ffffff;
  --color-set-text-a-2: #5b1010;
  --color-set-spot-color-a: #edd798;
  --color-set-spot-color-a-2: #ffedce;

  /* ── Color set B */
  --color-set-background-b: #ffffff;
  --color-set-text-b: #163349;
  --color-set-text-b-2: #e2e2e2;
  --color-set-spot-color-b: #912525;
  --color-set-spot-color-b-2: #5b1010;

  /* ── Color set C */
  --color-set-background-c: #163349;
  --color-set-text-c: #ffffff;
  --color-set-text-c-2: #0e273d;
  --color-set-spot-color-c: #edd798;
  --color-set-spot-color-c-2: #ffedce;

  /* ── Color set MENU (main + _b variant) */
  --color-menu-1: #163349;
  --color-menu-2: #ffffff;
  --color-menu-3: #edd798;
  --color-menu-4: #ffedce;

  /* ── H1 font options (px → rem in CSS) */
  --h1-font-size-mobile:  34;
  --h1-font-size-tablet:  44;
  --h1-font-size-desktop: 62;
  --h1-letter-spacing:    0.08px;
  --h1-line-height:       1.2;
  --h1-font-weight:       300;

  /* ── H2 font options (px → rem in CSS) */
  --h2-font-size-mobile:  30;
  --h2-font-size-tablet:  36;
  --h2-font-size-desktop: 40;
  --h2-letter-spacing:    0.08px;
  --h2-line-height:       1.15;
  --h2-font-weight:       500;

  /* ── H3 font options (px → rem in CSS) */
  --h3-font-size-mobile:  24;
  --h3-font-size-tablet:  26;
  --h3-font-size-desktop: 32;
  --h3-letter-spacing:    0.08px;
  --h3-line-height:       1.15;
  --h3-font-weight:       500;

  /* ── H4 font options (px → rem in CSS) */
  --h4-font-size-mobile:  18;
  --h4-font-size-tablet:  22;
  --h4-font-size-desktop: 24;
  --h4-letter-spacing:    0.08px;
  --h4-line-height:       1.25;
  --h4-font-weight:       700;

  /* ── H5 font options (px → rem in CSS) */
  --h5-font-size-mobile:  16;
  --h5-font-size-tablet:  18;
  --h5-font-size-desktop: 20;
  --h5-letter-spacing:    1px;
  --h5-line-height:       1.25;
  --h5-font-weight:       500;

  /* ── H6 font options (px → rem in CSS) */
  --h6-font-size-mobile:  14;
  --h6-font-size-tablet:  15;
  --h6-font-size-desktop: 16;
  --h6-line-height:       1.28;
  --h6-font-weight:       500;

  /* ── P1 font options (px → rem in CSS) */
  --p1-font-size-mobile:  15;
  --p1-font-size-tablet:  17;
  --p1-font-size-desktop: 18;
  --p1-line-height:       1.7;
  --p1-font-weight:       400;

  /* ── P2 font options (px → rem in CSS) */
  --p2-font-size-mobile:  18;
  --p2-font-size-tablet:  19;
  --p2-font-size-desktop: 22;
  --p2-line-height:       1.65;
  --p2-font-weight:       400;

  /* ── P3 font options (px → rem in CSS) */
  --p3-font-size-mobile:  16;
  --p3-font-size-tablet:  17;
  --p3-font-size-desktop: 18;
  --p3-line-height:       1.55;
  --p3-font-weight:       400;

  /* ── BUTTON_1 font options (px → rem in CSS) */
  --button_1-font-size-mobile:  14;
  --button_1-font-size-tablet:  15;
  --button_1-font-size-desktop: 16;
  --button_1-line-height:       1.25;
  --button_1-font-weight:       500;

  /* ── BUTTON_2 font options (px → rem in CSS) */
  --button_2-font-size-mobile:  14;
  --button_2-font-size-tablet:  15;
  --button_2-font-size-desktop: 16;
  --button_2-line-height:       1.25;
  --button_2-font-weight:       500;

  /* ── AUTHOR font options (px → rem in CSS) */
  --author-font-size-mobile:  13;
  --author-font-size-tablet:  14;
  --author-font-size-desktop: 15;
  --author-line-height:       1.25;
  --author-font-weight:       400;

  /* ── TAG font options (px → rem in CSS) */
  --tag-font-size-mobile:  13;
  --tag-font-size-tablet:  14;
  --tag-font-size-desktop: 14;
  --tag-line-height:       1.25;
  --tag-font-weight:       400;

  /* ── META font options (px → rem in CSS) */
  --meta-font-size-mobile:  13;
  --meta-font-size-tablet:  13;
  --meta-font-size-desktop: 14;
  --meta-line-height:       1.25;
  --meta-font-weight:       400;
}