:root {
  /* ── Color set A */
  --color-set-background-a: #ffffff;
  --color-set-text-a: #191919;
  --color-set-text-a-2: #7c979e;
  --color-set-spot-color-a: #191919;
  --color-set-spot-color-a-2: #606060;

  /* ── Color set B */
  --color-set-background-b: #2E3B3F;
  --color-set-text-b: #ffffff;
  --color-set-text-b-2: #466066;
  --color-set-spot-color-b: #ffffff;
  --color-set-spot-color-b-2: #eeeeff;

  /* ── Color set C */
  --color-set-background-c: #f7f7f7;
  --color-set-text-c: #191919;
  --color-set-text-c-2: #e5e5e5;
  --color-set-spot-color-c: #191919;
  --color-set-spot-color-c-2: #606060;

  /* ── Color set D */
  --color-set-background-d: #581a2a;
  --color-set-text-d: #ffffff;
  --color-set-text-d-2: #ffffff;
  --color-set-spot-color-d: #ffffff;
  --color-set-spot-color-d-2: #ffffff;

  /* ── Color set E */
  --color-set-background-e: #e4f4f9;
  --color-set-text-e: #191919;
  --color-set-text-e-2: #e7ede3;
  --color-set-spot-color-e: #191919;
  --color-set-spot-color-e-2: #606060;

  /* ── Color set MENU (main + _b variant) */
  --color-menu-1: #ffffff;
  --color-menu-2: #000000;
  --color-menu-3: #000000;
  --color-menu-4: #7a7a7a;

  /* ── H1 font options (px → rem in CSS) */
  --h1-font-size-mobile:  32;
  --h1-font-size-tablet:  44;
  --h1-font-size-desktop: 60;
  --h1-line-height:       1.2;
  --h1-font-weight:       300;

  /* ── H2 font options (px → rem in CSS) */
  --h2-font-size-mobile:  36;
  --h2-font-size-tablet:  40;
  --h2-font-size-desktop: 44;
  --h2-letter-spacing:    0.05px;
  --h2-line-height:       1.2;
  --h2-font-weight:       300;

  /* ── H3 font options (px → rem in CSS) */
  --h3-font-size-mobile:  24;
  --h3-font-size-tablet:  28;
  --h3-font-size-desktop: 32;
  --h3-line-height:       1.2;
  --h3-font-weight:       300;

  /* ── H4 font options (px → rem in CSS) */
  --h4-font-size-mobile:  18;
  --h4-font-size-tablet:  20;
  --h4-font-size-desktop: 22;
  --h4-line-height:       1.2;
  --h4-font-weight:       300;

  /* ── H5 font options (px → rem in CSS) */
  --h5-font-size-mobile:  16;
  --h5-font-size-tablet:  18;
  --h5-font-size-desktop: 20;
  --h5-line-height:       1.2;
  --h5-font-weight:       300;

  /* ── H6 font options (px → rem in CSS) */
  --h6-font-size-mobile:  15;
  --h6-font-size-tablet:  16;
  --h6-font-size-desktop: 18;
  --h6-letter-spacing:    2px;
  --h6-line-height:       1.2;
  --h6-font-weight:       300;

  /* ── P1 font options (px → rem in CSS) */
  --p1-font-size-mobile:  14;
  --p1-font-size-tablet:  16;
  --p1-font-size-desktop: 18;
  --p1-letter-spacing:    0.1px;
  --p1-line-height:       1.6;
  --p1-font-weight:       300;

  /* ── P2 font options (px → rem in CSS) */
  --p2-font-size-mobile:  16;
  --p2-font-size-tablet:  18;
  --p2-font-size-desktop: 20;
  --p2-line-height:       1.3;
  --p2-font-weight:       300;

  /* ── P3 font options (px → rem in CSS) */
  --p3-font-size-mobile:  18;
  --p3-font-size-tablet:  20;
  --p3-font-size-desktop: 22;
  --p3-line-height:       1.6;
  --p3-font-weight:       300;

  /* ── 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: 17;
  --button_1-line-height:       1.3;
  --button_1-font-weight:       400;

  /* ── 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: 17;
  --button_2-line-height:       1.2;
  --button_2-font-weight:       300;

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

  /* ── TAG font options (px → rem in CSS) */
  --tag-font-size-mobile:  14;
  --tag-font-size-tablet:  15;
  --tag-font-size-desktop: 16;
  --tag-line-height:       1.2;
  --tag-font-weight:       300;

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