:root {
  /* background */
  --Background-Color:#23232c;
  --Background-Image:url("../imgs/daenso_bg.png");

  /* layout options */
  --Screen-Gaps:min(3rem,calc((100vw - 85vw) / 2));
  --Container-Width:650px;
  --Layout-Sections-Spacing:min(35px,2.5rem);

  /* body font */
  --Body-Font-Family:"Funnel Sans";
  --Body-Font-Weight:normal;
  --Body-Font-Size:0.9rem;
  --Body-Line-Height:1.75;
  --Body-Text-Color:#b6bdc7;

  /* bold */
  --Bold-Font-Weight:600;

  /* headings */
  --Heading-Font-Family:"Golos Text";
  --Heading-Font-Weight:500;
  --Heading-Font-Size:calc(var(--Body-Font-Size) * 1.420);
  --Heading-Letter-Spacing:0.035em;

  /* small caps */
  --Caps-Font-Family:"Figtree";
  --Caps-Font-Weight:500;
  --Caps-Font-Size:calc(var(--Body-Font-Size) * 0.85);
  --Caps-Letter-Spacing:0.035rem;
  --Caps-Line-Height:var(--Body-Line-Height);

  /* links */
  --Links-Color:#ff8e8e;
  --Links-Underline-Gap:0.05em;
  --Links-Underline-Size:1px;
  --Links-Underline-Color:#935959;
  
  --Links-HOVER-Speed:0.35s;
  --Links-HOVER-Color:#bfc181;
  --Links-HOVER-Underline-Color:#59673a;

  /* scrollbar (Chrome/Edge/Brave only) */
  --Chrome-Scrollbar-Padding:9px;
  --Chrome-Scrollbar-Thumb-Size:1px;
  --Chrome-Scrollbar-Thumb:#626c85;
  --Chrome-Scrollbar-Track:#3c3e47;
  --Chrome-Scrollbar-BG:var(--Background-Color);

  /* boxes */
  --Boxes-Rounded-Corners:14px;
  --Boxes-BG:#323338; /* was f8f7f9 */
  --Boxes-Padding:18px;
  --Boxes-Shadow-X-Offset:0.5rem;
  --Boxes-Shadow-Y-Offset:0.5rem;
  --Boxes-Shadow-Size:0.7rem;
  --Boxes-Shadow-Color:#141518;
  --Boxes-Shadow-Strength:85%;
  --Boxes-Text-Color:#b6bdc7;

  /* header profile picture */
  --Header-Profile-Pic-Size:100px;
  --Header-Profile-Pic-Rounded-Corners:100%;
  --Header-Profile-Pic-Border-Thickness:10px;
  
  /* header status */
  --Header-Status-Left-Gap:13px;
  --Header-Status-Border-Size:1px;
  --Header-Status-Border-Color:#4c546a;
  --Header-Status-Padding-X:0.8rem;
  --Header-Status-Padding-Y:0.6rem;
  --Header-Status-BG:#3d404a;
  --Header-Status-Font-Size:var(--Body-Font-Size);
  --Header-Status-Text-Color:#b6bdc7;
  --Header-Status-Shadow-X-Offset:0.35rem;
  --Header-Status-Shadow-Y-Offset:0.35rem;
  --Header-Status-Shadow-Size:0.45rem;
  --Header-Status-Shadow-Color:#24262b;
  --Header-Status-Shadow-Strength:85%;

  /* header status - bubbles */
  --Header-Status-Bubble-Size-1:8px;
  --Header-Status-Bubble-Size-2:12px;

  /* header username */
  --Header-Username-Top-Gap:0.55rem;
  --Header-Username-Font-Weight:650;
  --Header-Username-Font-Size:calc(var(--Body-Font-Size) - 1px);
  --Header-Username-Color:#b6bdc7;

  /* header links */
  --Header-Links-Icons-Border-Size:1px;
  --Header-Links-Icons-Border-Color:#4c546a;
  --Header-Links-Icons-Rounded-Corners:5px;
  --Header-Links-Icons-Padding:0.5rem;
  --Header-Links-Icons-BG:#3d404a;
  --Header-Links-Icons-Size:1.05rem;
  --Header-Links-Icons-Color:#b6bdc7;
  --Header-Links-Icons-Shadow-X-Offset:0.35rem;
  --Header-Links-Icons-Shadow-Y-Offset:0.35rem;
  --Header-Links-Icons-Shadow-Size:0.45rem;
  --Header-Links-Icons-Shadow-Color:#24262b;
  --Header-Links-Icons-Shadow-Strength:85%;
  --Header-Links-Icons-Hover-Speed:0.25s;
  --Header-Links-Icons-Hover-Zoom-Percentage:15%;
  --Header-Links-Icons-Spacing:0.55rem;

  /* box headings */
  --Box-Heading-Border-Size:1px;
  --Box-Heading-Border-Color:#4c546a;
  --Box-Heading-Padding-X:0.8rem;
  --Box-Heading-Padding-Y:0.6rem;
  --Box-Heading-BG:#3d404a;
  --Box-Heading-Font-Size:calc(var(--Body-Font-Size) * 0.875);
  --Box-Heading-Text-Color:#b6bdc7;
  --Box-Heading-Shadow-X-Offset:0.35rem;
  --Box-Heading-Shadow-Y-Offset:0.35rem;
  --Box-Heading-Shadow-Size:0.45rem;
  --Box-Heading-Shadow-Color:#24262b;
  --Box-Heading-Shadow-Strength:85%;

  --Icon-Bullets-Size:calc(var(--Body-Font-Size) + 2px);
  --Icon-Bullets-Gutter:0.6em;

  --Bullet-List-Label-Padding-X:6px;
  --Bullet-List-Label-Padding-Y:4px;
  --Bullet-List-Label-BG:#3e404a;
  --Bullet-List-Label-Rounded-Corners:7px;
  --Bullet-List-Label-Text-Color:#bca58d;

  --Bullet-List-Rows-Spacing:0.35em;
}/* end root */

/* hidden root */
:root {
  --Container-Min-Width:27.5vw;
  --Container-Max-Width:85vw;

  --Body-LH-V-Gap:calc(((var(--Body-Font-Size) * var(--Body-Line-Height)) - var(--Body-Font-Size)) / 2);
  --Caps-LH-V-Gap:calc(((var(--Caps-Font-Size) * var(--Caps-Line-Height)) - var(--Caps-Font-Size)) / 2);

  --Body-Line-Height-Vertical-Align-Adjust:calc(var(--Body-Font-Size) * 0.2);

  --Header-Profile-Pic-Total-Size:calc(var(--Header-Profile-Pic-Size) + (var(--Header-Profile-Pic-Border-Thickness) * 2));
  --Header-Status-Rounded-Corners:calc((var(--Header-Status-Font-Size) + (var(--Header-Status-Padding-Y) * 2)) / 2);
  --Header-Status-Bubble-Total-Size-1:calc(var(--Header-Status-Bubble-Size-1) + (var(--Header-Status-Border-Size) * 2));
  --Header-Status-Bubble-Total-Size-2:calc(var(--Header-Status-Bubble-Size-2) + (var(--Header-Status-Border-Size) * 2));
  --Header-Status-Single-Line-Height:calc(var(--Header-Status-Font-Size) + (var(--Header-Status-Padding-Y) * 2));

  --Header-Links-Icons-Total-Size:calc(var(--Header-Links-Icons-Size) + (var(--Header-Links-Icons-Padding) * 2) + (var(--Header-Links-Icons-Border-Size) * 2));

  --Box-Heading-Rounded-Corners:calc((var(--Box-Heading-Font-Size) + (var(--Box-Heading-Padding-Y) * 2)) / 2);
}