:root[data-mode="studio"] {
    --bg: #211527;
    --text: #f6efe9;
    --accent: #ff7a66;
    --navborder: #774c8d90;
    --eyebrow: #FF7A66;
    --margin-top: 190px;
    --largeMargin-top: 290px;
    --heroLineSize: 41px;
    --heroLineFont: "Fraunces", serif;
    --heroLineLineHeight: 45px;
    --white: #F6EFE9;
    --heroLeadColor: #C5B3C9;
    --heroLeadFont: "Public Sans", sans-serif;
    --heroLeadSize: 14px;
    --projectsButton: #FD8265, #F5B061;
    --contactButtonBorder: #FD8265;
    --headingsFont:  "Fraunces", serif;
    --aboutBioColor: #C5B3C9;
    --aboutBioFont: "Public Sans", sans-serif;
    --aboutBioHeight: 26px;
    --roleCardBack: #34213C;
    --roleCardHead: "Fraunces", serif;
    --roleCardHeadC: #F4B860;
    --roleCardBody: "Public Sans", sans-serif;
    --roleCardBodyC: #C5B3C9;
    --filterChipBack: #2C1C33;
    --tagsBack: #512D42;
    --contactP: "Public Sans", sans-serif;
    --formTextColor: #C5B3C9;
    --formInputBack: #2C1C33;
    --footerColor: #C5B3C9;
    --cardBorder: #4A3352;
    --cardGlow: 0 8px 30px -8px rgba(255, 122, 102, 0.35);
    --switchGlow: 0 0 12px rgba(255, 122, 102, 0.45);
    --blob1: #ff7a66;
    --blob2: #b98cf0;
    --blob3: #f4b860;
}

:root[data-mode="ops"] {
    --bg: #071a1d;
    --text: #e4fbf5;
    --accent: #39e1c9;
    --navBorder: #39e1c826;
    --eyebrow: #39E1C9;
    --margin-top: 130px;
    --largeMargin-top: 230px;
    --heroLineSize: 41px;
    --heroLineFont: "JetBrains Mono", monospace;
    --heroLineLineHeight: 47px;
    --white: #E4FBF5;
    --heroLeadColor: #7FB8AE;
    --heroLeadFont: "JetBrains Mono", monospace;
    --heroLeadSize: 14px;
    --projectsButton: #50DCB9, #DABD5C;
    --contactButtonBorder: #185D57;
    --headingsFont:  "JetBrains Mono", monospace;
    --aboutBioColor: #7FB8AE;
    --aboutBioFont: "JetBrains Mono", monospace;
    --aboutBioHeight: 28px;
    --roleCardBack: #103038;
    --roleCardHead: "JetBrains Mono", monospace;
    --roleCardHeadC: #F2B84B;
    --roleCardBody: "JetBrains Mono", monospace;
    --roleCardBodyC: #7FB8AE;
    --filterChipBack: #0D262A;
    --tagsBack: #16484C;
    --contactP: "JetBrains Mono", monospace;
    --formTextColor: #7FB8AE;
    --formInputBack: #0D262A;
    --footerColor: #7FB8AE;
    --cardBorder: #1C4A4A;
    --cardGlow: 0 8px 30px -8px rgba(57, 225, 201, 0.35);
    --switchGlow: 0 0 12px rgba(57, 225, 201, 0.45);
    --gridLine: #1c4a4a;
    --scanColor: #39e1c9;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: sans-serif;
    transition: background 400ms ease, color 400ms ease;
}

/* 
F6EFE9
TNR
40px




*/