:root {
/* 
    === MemberMinder Pro Brand Colors === 
    https://new.memberminderpro.com/style/color/
*/

/* ============================================
   MMP LOGO BLUE
   ============================================ */
--mmp-blue-hex: #1e224e;
--mmp-blue-base: var(--mmp-blue-hex);
--mmp-blue: var(--mmp-blue-hex);
--mmp-blue-rgb: 30 34 78;
--mmp-blue-r: 30; --mmp-blue-g: 34; --mmp-blue-b: 78;
--mmp-blue-hsl: 235 44% 21%;
--mmp-blue-h: 235; --mmp-blue-s: 44%; --mmp-blue-l: 21%;
--mmp-blue-oklch: oklch(0.23 0.08 274);
--mmp-blue-ok-l: 0.23; --mmp-blue-ok-c: 0.08; --mmp-blue-ok-h: 274;

/* MMP Blue - Ultra Light */
--mmp-blue-ultra-light-hex: #eff0f7;
--mmp-blue-ultra-light-base: var(--mmp-blue-ultra-light-hex);
--mmp-blue-ultra-light: var(--mmp-blue-ultra-light-hex);
--mmp-blue-ultra-light-rgb: 239 240 247;
--mmp-blue-ultra-light-r: 239; --mmp-blue-ultra-light-g: 240; --mmp-blue-ultra-light-b: 247;
--mmp-blue-ultra-light-hsl: 233 33% 95%;
--mmp-blue-ultra-light-h: 233; --mmp-blue-ultra-light-s: 33%; --mmp-blue-ultra-light-l: 95%;
--mmp-blue-ultra-light-oklch: oklch(0.95 0.01 268);
--mmp-blue-ultra-light-ok-l: 0.95; --mmp-blue-ultra-light-ok-c: 0.01; --mmp-blue-ultra-light-ok-h: 268;

/* MMP Blue - Light */
--mmp-blue-light-hex: #cfd2e6;
--mmp-blue-light-base: var(--mmp-blue-light-hex);
--mmp-blue-light: var(--mmp-blue-light-hex);
--mmp-blue-light-rgb: 207 210 230;
--mmp-blue-light-r: 207; --mmp-blue-light-g: 210; --mmp-blue-light-b: 230;
--mmp-blue-light-hsl: 232 31% 86%;
--mmp-blue-light-h: 232; --mmp-blue-light-s: 31%; --mmp-blue-light-l: 86%;
--mmp-blue-light-oklch: oklch(0.85 0.03 271);
--mmp-blue-light-ok-l: 0.85; --mmp-blue-light-ok-c: 0.03; --mmp-blue-light-ok-h: 271;

/* MMP Blue - Semi Light */
--mmp-blue-semi-light-hex: #6a72b0;
--mmp-blue-semi-light-base: var(--mmp-blue-semi-light-hex);
--mmp-blue-semi-light: var(--mmp-blue-semi-light-hex);
--mmp-blue-semi-light-rgb: 106 114 176;
--mmp-blue-semi-light-r: 106; --mmp-blue-semi-light-g: 114; --mmp-blue-semi-light-b: 176;
--mmp-blue-semi-light-hsl: 233 30% 55%;
--mmp-blue-semi-light-h: 233; --mmp-blue-semi-light-s: 30%; --mmp-blue-semi-light-l: 55%;
--mmp-blue-semi-light-oklch: oklch(0.52 0.11 276);
--mmp-blue-semi-light-ok-l: 0.52; --mmp-blue-semi-light-ok-c: 0.11; --mmp-blue-semi-light-ok-h: 276;

/* MMP Blue - Semi Dark */
--mmp-blue-semi-dark-hex: #151737;
--mmp-blue-semi-dark-base: var(--mmp-blue-semi-dark-hex);
--mmp-blue-semi-dark: var(--mmp-blue-semi-dark-hex);
--mmp-blue-semi-dark-rgb: 21 23 55;
--mmp-blue-semi-dark-r: 21; --mmp-blue-semi-dark-g: 23; --mmp-blue-semi-dark-b: 55;
--mmp-blue-semi-dark-hsl: 236 45% 15%;
--mmp-blue-semi-dark-h: 236; --mmp-blue-semi-dark-s: 45%; --mmp-blue-semi-dark-l: 15%;
--mmp-blue-semi-dark-oklch: oklch(0.17 0.06 274);
--mmp-blue-semi-dark-ok-l: 0.17; --mmp-blue-semi-dark-ok-c: 0.06; --mmp-blue-semi-dark-ok-h: 274;

/* MMP Blue - Dark */
--mmp-blue-dark-hex: #0e1025;
--mmp-blue-dark-base: var(--mmp-blue-dark-hex);
--mmp-blue-dark: var(--mmp-blue-dark-hex);
--mmp-blue-dark-rgb: 14 16 37;
--mmp-blue-dark-r: 14; --mmp-blue-dark-g: 16; --mmp-blue-dark-b: 37;
--mmp-blue-dark-hsl: 235 45% 10%;
--mmp-blue-dark-h: 235; --mmp-blue-dark-s: 45%; --mmp-blue-dark-l: 10%;
--mmp-blue-dark-oklch: oklch(0.12 0.04 274);
--mmp-blue-dark-ok-l: 0.12; --mmp-blue-dark-ok-c: 0.04; --mmp-blue-dark-ok-h: 274;

/* MMP Blue - Ultra Dark */
--mmp-blue-ultra-dark-hex: #070812;
--mmp-blue-ultra-dark-base: var(--mmp-blue-ultra-dark-hex);
--mmp-blue-ultra-dark: var(--mmp-blue-ultra-dark-hex);
--mmp-blue-ultra-dark-rgb: 7 8 18;
--mmp-blue-ultra-dark-r: 7; --mmp-blue-ultra-dark-g: 8; --mmp-blue-ultra-dark-b: 18;
--mmp-blue-ultra-dark-hsl: 235 44% 5%;
--mmp-blue-ultra-dark-h: 235; --mmp-blue-ultra-dark-s: 44%; --mmp-blue-ultra-dark-l: 5%;
--mmp-blue-ultra-dark-oklch: oklch(0.07 0.02 274);
--mmp-blue-ultra-dark-ok-l: 0.07; --mmp-blue-ultra-dark-ok-c: 0.02; --mmp-blue-ultra-dark-ok-h: 274;

/* MMP Blue - Hover */
--mmp-blue-hover-hex: #171a39;
--mmp-blue-hover-base: var(--mmp-blue-hover-hex);
--mmp-blue-hover: var(--mmp-blue-hover-hex);
--mmp-blue-hover-rgb: 23 26 57;
--mmp-blue-hover-r: 23; --mmp-blue-hover-g: 26; --mmp-blue-hover-b: 57;
--mmp-blue-hover-hsl: 235 43% 16%;
--mmp-blue-hover-h: 235; --mmp-blue-hover-s: 43%; --mmp-blue-hover-l: 16%;
--mmp-blue-hover-oklch: oklch(0.18 0.06 274);
--mmp-blue-hover-ok-l: 0.18; --mmp-blue-hover-ok-c: 0.06; --mmp-blue-hover-ok-h: 274;

/* ============================================
   MMP LOGO RED
   ============================================ */
--mmp-red-hex: #841c30;
--mmp-red-base: var(--mmp-red-hex);
--mmp-red: var(--mmp-red-hex);
--mmp-red-rgb: 132 28 48;
--mmp-red-r: 132; --mmp-red-g: 28; --mmp-red-b: 48;
--mmp-red-hsl: 348 65% 31%;
--mmp-red-h: 348; --mmp-red-s: 65%; --mmp-red-l: 31%;
--mmp-red-oklch: oklch(0.33 0.12 18);
--mmp-red-ok-l: 0.33; --mmp-red-ok-c: 0.12; --mmp-red-ok-h: 18;

/* MMP Red - Ultra Light */
--mmp-red-ultra-light-hex: #fce9ed;
--mmp-red-ultra-light-base: var(--mmp-red-ultra-light-hex);
--mmp-red-ultra-light: var(--mmp-red-ultra-light-hex);
--mmp-red-ultra-light-rgb: 252 233 237;
--mmp-red-ultra-light-r: 252; --mmp-red-ultra-light-g: 233; --mmp-red-ultra-light-b: 237;
--mmp-red-ultra-light-hsl: 347 73% 95%;
--mmp-red-ultra-light-h: 347; --mmp-red-ultra-light-s: 73%; --mmp-red-ultra-light-l: 95%;
--mmp-red-ultra-light-oklch: oklch(0.94 0.02 11);
--mmp-red-ultra-light-ok-l: 0.94; --mmp-red-ultra-light-ok-c: 0.02; --mmp-red-ultra-light-ok-h: 11;

/* MMP Red - Light */
--mmp-red-light-hex: #f3bcc9;
--mmp-red-light-base: var(--mmp-red-light-hex);
--mmp-red-light: var(--mmp-red-light-hex);
--mmp-red-light-rgb: 243 188 201;
--mmp-red-light-r: 243; --mmp-red-light-g: 188; --mmp-red-light-b: 201;
--mmp-red-light-hsl: 346 68% 85%;
--mmp-red-light-h: 346; --mmp-red-light-s: 68%; --mmp-red-light-l: 85%;
--mmp-red-light-oklch: oklch(0.81 0.06 10);
--mmp-red-light-ok-l: 0.81; --mmp-red-light-ok-c: 0.06; --mmp-red-light-ok-h: 10;

/* MMP Red - Semi Light */
--mmp-red-semi-light-hex: #db4d6b;
--mmp-red-semi-light-base: var(--mmp-red-semi-light-hex);
--mmp-red-semi-light: var(--mmp-red-semi-light-hex);
--mmp-red-semi-light-rgb: 219 77 107;
--mmp-red-semi-light-r: 219; --mmp-red-semi-light-g: 77; --mmp-red-semi-light-b: 107;
--mmp-red-semi-light-hsl: 347 67% 58%;
--mmp-red-semi-light-h: 347; --mmp-red-semi-light-s: 67%; --mmp-red-semi-light-l: 58%;
--mmp-red-semi-light-oklch: oklch(0.58 0.18 15);
--mmp-red-semi-light-ok-l: 0.58; --mmp-red-semi-light-ok-c: 0.18; --mmp-red-semi-light-ok-h: 15;

/* MMP Red - Semi Dark */
--mmp-red-semi-dark-hex: #5d1423;
--mmp-red-semi-dark-base: var(--mmp-red-semi-dark-hex);
--mmp-red-semi-dark: var(--mmp-red-semi-dark-hex);
--mmp-red-semi-dark-rgb: 93 20 35;
--mmp-red-semi-dark-r: 93; --mmp-red-semi-dark-g: 20; --mmp-red-semi-dark-b: 35;
--mmp-red-semi-dark-hsl: 348 65% 22%;
--mmp-red-semi-dark-h: 348; --mmp-red-semi-dark-s: 65%; --mmp-red-semi-dark-l: 22%;
--mmp-red-semi-dark-oklch: oklch(0.25 0.09 18);
--mmp-red-semi-dark-ok-l: 0.25; --mmp-red-semi-dark-ok-c: 0.09; --mmp-red-semi-dark-ok-h: 18;

/* MMP Red - Dark */
--mmp-red-dark-hex: #3f0e18;
--mmp-red-dark-base: var(--mmp-red-dark-hex);
--mmp-red-dark: var(--mmp-red-dark-hex);
--mmp-red-dark-rgb: 63 14 24;
--mmp-red-dark-r: 63; --mmp-red-dark-g: 14; --mmp-red-dark-b: 24;
--mmp-red-dark-hsl: 348 64% 15%;
--mmp-red-dark-h: 348; --mmp-red-dark-s: 64%; --mmp-red-dark-l: 15%;
--mmp-red-dark-oklch: oklch(0.18 0.06 18);
--mmp-red-dark-ok-l: 0.18; --mmp-red-dark-ok-c: 0.06; --mmp-red-dark-ok-h: 18;

/* MMP Red - Ultra Dark */
--mmp-red-ultra-dark-hex: #22070c;
--mmp-red-ultra-dark-base: var(--mmp-red-ultra-dark-hex);
--mmp-red-ultra-dark: var(--mmp-red-ultra-dark-hex);
--mmp-red-ultra-dark-rgb: 34 7 12;
--mmp-red-ultra-dark-r: 34; --mmp-red-ultra-dark-g: 7; --mmp-red-ultra-dark-b: 12;
--mmp-red-ultra-dark-hsl: 349 66% 8%;
--mmp-red-ultra-dark-h: 349; --mmp-red-ultra-dark-s: 66%; --mmp-red-ultra-dark-l: 8%;
--mmp-red-ultra-dark-oklch: oklch(0.11 0.04 18);
--mmp-red-ultra-dark-ok-l: 0.11; --mmp-red-ultra-dark-ok-c: 0.04; --mmp-red-ultra-dark-ok-h: 18;

/* MMP Red - Hover */
--mmp-red-hover-hex: #6f1728;
--mmp-red-hover-base: var(--mmp-red-hover-hex);
--mmp-red-hover: var(--mmp-red-hover-hex);
--mmp-red-hover-rgb: 111 23 40;
--mmp-red-hover-r: 111; --mmp-red-hover-g: 23; --mmp-red-hover-b: 40;
--mmp-red-hover-hsl: 348 66% 26%;
--mmp-red-hover-h: 348; --mmp-red-hover-s: 66%; --mmp-red-hover-l: 26%;
--mmp-red-hover-oklch: oklch(0.29 0.10 18);
--mmp-red-hover-ok-l: 0.29; --mmp-red-hover-ok-c: 0.10; --mmp-red-hover-ok-h: 18;

/* ============================================
   MMP UI BLUE (Primary)
   ============================================ */
--mmp-ui-blue-hex: #8dafd3;
--mmp-ui-blue-base: var(--mmp-ui-blue-hex);
--mmp-ui-blue: var(--mmp-ui-blue-hex);
--mmp-ui-blue-rgb: 141 175 211;
--mmp-ui-blue-r: 141; --mmp-ui-blue-g: 175; --mmp-ui-blue-b: 211;
--mmp-ui-blue-hsl: 211 46% 69%;
--mmp-ui-blue-h: 211; --mmp-ui-blue-s: 46%; --mmp-ui-blue-l: 69%;
--mmp-ui-blue-oklch: oklch(0.72 0.06 242);
--mmp-ui-blue-ok-l: 0.72; --mmp-ui-blue-ok-c: 0.06; --mmp-ui-blue-ok-h: 242;

/* MMP UI Blue - Ultra Light */
--mmp-ui-blue-ultra-light-hex: #e1f0ff;
--mmp-ui-blue-ultra-light-base: var(--mmp-ui-blue-ultra-light-hex);
--mmp-ui-blue-ultra-light: var(--mmp-ui-blue-ultra-light-hex);
--mmp-ui-blue-ultra-light-rgb: 225 240 255;
--mmp-ui-blue-ultra-light-r: 225; --mmp-ui-blue-ultra-light-g: 240; --mmp-ui-blue-ultra-light-b: 255;
--mmp-ui-blue-ultra-light-hsl: 210 100% 94%;
--mmp-ui-blue-ultra-light-oklch: oklch(0.94 0.03 234);
--mmp-ui-blue-ultra-light-ok-l: 0.94; --mmp-ui-blue-ultra-light-ok-c: 0.03; --mmp-ui-blue-ultra-light-ok-h: 234;

/* MMP UI Blue - Semi Dark */
--mmp-ui-blue-semi-dark-hex: #1e3c5b;
--mmp-ui-blue-semi-dark-base: var(--mmp-ui-blue-semi-dark-hex);
--mmp-ui-blue-semi-dark: var(--mmp-ui-blue-semi-dark-hex);
--mmp-ui-blue-semi-dark-rgb: 30 60 91;
--mmp-ui-blue-semi-dark-r: 30; --mmp-ui-blue-semi-dark-g: 60; --mmp-ui-blue-semi-dark-b: 91;
--mmp-ui-blue-semi-dark-hsl: 211 50% 24%;
--mmp-ui-blue-semi-dark-oklch: oklch(0.31 0.07 247);
--mmp-ui-blue-semi-dark-ok-l: 0.31; --mmp-ui-blue-semi-dark-ok-c: 0.07; --mmp-ui-blue-semi-dark-ok-h: 247;

/* ============================================
   MMP UI GOLD (Secondary)
   ============================================ */
--mmp-gold-hex: #c9a967;
--mmp-gold-base: var(--mmp-gold-hex);
--mmp-gold: var(--mmp-gold-hex);
--mmp-gold-rgb: 201 169 103;
--mmp-gold-r: 201; --mmp-gold-g: 169; --mmp-gold-b: 103;
--mmp-gold-hsl: 40 49% 60%;
--mmp-gold-h: 40; --mmp-gold-s: 49%; --mmp-gold-l: 60%;
--mmp-gold-oklch: oklch(0.72 0.10 77);
--mmp-gold-ok-l: 0.72; --mmp-gold-ok-c: 0.10; --mmp-gold-ok-h: 77;

/* ============================================
   MMP UI GREEN (Tertiary)
   ============================================ */
--mmp-ui-green-hex: #60a489;
--mmp-ui-green-base: var(--mmp-ui-green-hex);
--mmp-ui-green: var(--mmp-ui-green-hex);
--mmp-ui-green-rgb: 96 164 137;
--mmp-ui-green-r: 96; --mmp-ui-green-g: 164; --mmp-ui-green-b: 137;
--mmp-ui-green-hsl: 156 28% 51%;
--mmp-ui-green-h: 156; --mmp-ui-green-s: 28%; --mmp-ui-green-l: 51%;
--mmp-ui-green-oklch: oklch(0.64 0.10 161);
--mmp-ui-green-ok-l: 0.64; --mmp-ui-green-ok-c: 0.10; --mmp-ui-green-ok-h: 161;

/* MMP UI Green - Semi Dark */
--mmp-ui-green-semi-dark-hex: #004731;
--mmp-ui-green-semi-dark-base: var(--mmp-ui-green-semi-dark-hex);
--mmp-ui-green-semi-dark: var(--mmp-ui-green-semi-dark-hex);
--mmp-ui-green-semi-dark-rgb: 0 71 49;
--mmp-ui-green-semi-dark-r: 0; --mmp-ui-green-semi-dark-g: 71; --mmp-ui-green-semi-dark-b: 49;
--mmp-ui-green-semi-dark-hsl: 161 100% 14%;
--mmp-ui-green-semi-dark-oklch: oklch(0.28 0.10 167);
--mmp-ui-green-semi-dark-ok-l: 0.28; --mmp-ui-green-semi-dark-ok-c: 0.10; --mmp-ui-green-semi-dark-ok-h: 167;

/* ============================================
    MMP NEUTRALS
    ============================================ */
--mmp-offwhite-hex: #f8f8f8;
--mmp-offwhite-base: var(--mmp-offwhite-hex);
--mmp-offwhite: var(--mmp-offwhite-hex);
--mmp-offwhite-rgb: 248 248 248;
--mmp-offwhite-r: 248; --mmp-offwhite-g: 248; --mmp-offwhite-b: 248;
--mmp-offwhite-hsl: 0 0% 97%;
--mmp-offwhite-h: 0; --mmp-offwhite-s: 0%; --mmp-offwhite-l: 97%;
--mmp-offwhite-oklch: oklch(0.98 0.00 0);
--mmp-offwhite-ok-l: 0.98; --mmp-offwhite-ok-c: 0.00; --mmp-offwhite-ok-h: 0;

--mmp-gray-hex: #9f9ea5;
--mmp-gray-base: var(--mmp-gray-hex);
--mmp-gray: var(--mmp-gray-hex);
--mmp-gray-rgb: 159 158 165;
--mmp-gray-r: 159; --mmp-gray-g: 158; --mmp-gray-b: 165;
--mmp-gray-hsl: 249 4% 63%;
--mmp-gray-oklch: oklch(0.67 0.01 270);
--mmp-gray-ok-l: 0.67; --mmp-gray-ok-c: 0.01; --mmp-gray-ok-h: 270;

/* Storm */
--storm-hex: #7a6e66;
--storm-base: var(--storm-hex);
--storm: var(--storm-hex);
--storm-rgb: 122 110 102;
--storm-r: 122; --storm-g: 110; --storm-b: 102;
--storm-hsl: 24 9% 44%;
--storm-h: 24; --storm-s: 9%; --storm-l: 44%;
--storm-oklch: oklch(0.49 0.01 56);
--storm-ok-l: 0.49; --storm-ok-c: 0.01; --storm-ok-h: 56;

/* Ash */
--ash-hex: #968b83;
--ash-base: var(--ash-hex);
--ash: var(--ash-hex);
--ash-rgb: 150 139 131;
--ash-r: 150; --ash-g: 139; --ash-b: 131;
--ash-hsl: 25 9% 55%;
--ash-h: 25; --ash-s: 9%; --ash-l: 55%;
--ash-oklch: oklch(0.60 0.01 57);
--ash-ok-l: 0.60; --ash-ok-c: 0.01; --ash-ok-h: 57;

/* Platinum */
--platinum-hex: #bfb7b0;
--platinum-base: var(--platinum-hex);
--platinum: var(--platinum-hex);
--platinum-rgb: 191 183 176;
--platinum-r: 191; --platinum-g: 183; --platinum-b: 176;
--platinum-hsl: 28 10% 72%;
--platinum-h: 28; --platinum-s: 10%; --platinum-l: 72%;
--platinum-oklch: oklch(0.76 0.01 62);
--platinum-ok-l: 0.76; --platinum-ok-c: 0.01; --platinum-ok-h: 62;

/* Cloud */
--cloud-hex: #d6d1ca;
--cloud-base: var(--cloud-hex);
--cloud: var(--cloud-hex);
--cloud-rgb: 214 209 202;
--cloud-r: 214; --cloud-g: 209; --cloud-b: 202;
--cloud-hsl: 35 12% 82%;
--cloud-h: 35; --cloud-s: 12%; --cloud-l: 82%;
--cloud-oklch: oklch(0.85 0.01 73);
--cloud-ok-l: 0.85; --cloud-ok-c: 0.01; --cloud-ok-h: 73;

/* Smoke */
--smoke-hex: #b1b1b1;
--smoke-base: var(--smoke-hex);
--smoke: var(--smoke-hex);
--smoke-rgb: 177 177 177;
--smoke-r: 177; --smoke-g: 177; --smoke-b: 177;
--smoke-hsl: 0 0% 69%;
--smoke-oklch: oklch(0.73 0.00 0);
--smoke-ok-l: 0.73; --smoke-ok-c: 0.00; --smoke-ok-h: 0;

/* Silver */
--silver-hex: #d0cfcd;
--silver-base: var(--silver-hex);
--silver: var(--silver-hex);
--silver-rgb: 208 207 205;
--silver-r: 208; --silver-g: 207; --silver-b: 205;
--silver-hsl: 40 3% 81%;
--silver-oklch: oklch(0.84 0.00 80);
--silver-ok-l: 0.84; --silver-ok-c: 0.00; --silver-ok-h: 80;

/* White */
--white-hex: #ffffff;
--white-base: var(--white-hex);
--white: var(--white-hex);
--white-rgb: 255 255 255;
--white-r: 255; --white-g: 255; --white-b: 255;
--white-hsl: 0 0% 100%;
--white-oklch: oklch(1.00 0.00 0);
--white-ok-l: 1.00; --white-ok-c: 0.00; --white-ok-h: 0;

/* Black */
--black-hex: #000000;
--black-base: var(--black-hex);
--black: var(--black-hex);
--black-rgb: 0 0 0;
--black-r: 0; --black-g: 0; --black-b: 0;
--black-hsl: 0 0% 0%;
--black-oklch: oklch(0.00 0.00 0);
--black-ok-l: 0.00; --black-ok-c: 0.00; --black-ok-h: 0;

/* ============================================
    MMP UI Alerts and Notifications
    ============================================ */
--success: rgba(0, 128, 0, 1);
--warning: rgba(235, 172, 59, 1);
--info: rgba(141, 175, 211, 1);
--danger: rgba(204, 0, 0, 1);

/*
   === Rotary International Brand Colors === 
   https://brandcenter.rotary.org/en-us/our-brand/brand-elements/colors
*/
    
/* Rotary Royal Blue */
--rotary-royal-blue-hex: #17458f;
--rotary-royal-blue-base: var(--rotary-royal-blue-hex);
--rotary-royal-blue: var(--rotary-royal-blue-hex);
--rotary-royal-blue-rgb: 23 69 143;
--rotary-royal-blue-r: 23; --rotary-royal-blue-g: 69; --rotary-royal-blue-b: 143;
--rotary-royal-blue-hsl: 217 72% 33%;
--rotary-royal-blue-h: 217; --rotary-royal-blue-s: 72%; --rotary-royal-blue-l: 33%;
--rotary-royal-blue-oklch: oklch(0.35 0.13 260);
--rotary-royal-blue-ok-l: 0.35; --rotary-royal-blue-ok-c: 0.13; --rotary-royal-blue-ok-h: 260;

/* Rotary Gold */
--rotary-gold-hex: #f7a81b;
--rotary-gold-base: var(--rotary-gold-hex);
--rotary-gold: var(--rotary-gold-hex);
--rotary-gold-rgb: 247 168 27;
--rotary-gold-r: 247; --rotary-gold-g: 168; --rotary-gold-b: 27;
--rotary-gold-hsl: 38 92% 54%;
--rotary-gold-h: 38; --rotary-gold-s: 92%; --rotary-gold-l: 54%;
--rotary-gold-oklch: oklch(0.76 0.19 74);
--rotary-gold-ok-l: 0.76; --rotary-gold-ok-c: 0.19; --rotary-gold-ok-h: 74;

/* Azure */
--azure-hex: #0069c8;
--azure-base: var(--azure-hex);
--azure: var(--azure-hex);
--azure-rgb: 0 105 200;
--azure-r: 0; --azure-g: 105; --azure-b: 200;
--azure-hsl: 208 100% 39%;
--azure-h: 208; --azure-s: 100%; --azure-l: 39%;
--azure-oklch: oklch(0.49 0.16 250);
--azure-ok-l: 0.49; --azure-ok-c: 0.16; --azure-ok-h: 250;

/* Sky Blue */
--sky-blue-hex: #00a2e0;
--sky-blue-base: var(--sky-blue-hex);
--sky-blue: var(--sky-blue-hex);
--sky-blue-rgb: 0 162 224;
--sky-blue-r: 0; --sky-blue-g: 162; --sky-blue-b: 224;
--sky-blue-hsl: 197 100% 44%;
--sky-blue-h: 197; --sky-blue-s: 100%; --sky-blue-l: 44%;
--sky-blue-oklch: oklch(0.63 0.13 230);
--sky-blue-ok-l: 0.63; --sky-blue-ok-c: 0.13; --sky-blue-ok-h: 230;

/* Cranberry */
--cranberry-hex: #d41367;
--cranberry-base: var(--cranberry-hex);
--cranberry: var(--cranberry-hex);
--cranberry-rgb: 212 19 103;
--cranberry-r: 212; --cranberry-g: 19; --cranberry-b: 103;
--cranberry-hsl: 334 84% 45%;
--cranberry-h: 334; --cranberry-s: 84%; --cranberry-l: 45%;
--cranberry-oklch: oklch(0.49 0.22 355);
--cranberry-ok-l: 0.49; --cranberry-ok-c: 0.22; --cranberry-ok-h: 355;

/* Cardinal */
--cardinal-hex: #e02927;
--cardinal-base: var(--cardinal-hex);
--cardinal: var(--cardinal-hex);
--cardinal-rgb: 224 41 39;
--cardinal-r: 224; --cardinal-g: 41; --cardinal-b: 39;
--cardinal-hsl: 1 74% 52%;
--cardinal-h: 1; --cardinal-s: 74%; --cardinal-l: 52%;
--cardinal-oklch: oklch(0.53 0.21 28);
--cardinal-ok-l: 0.53; --cardinal-ok-c: 0.21; --cardinal-ok-h: 28;

/* Turquoise */
--turquoise-hex: #00adbb;
--turquoise-base: var(--turquoise-hex);
--turquoise: var(--turquoise-hex);
--turquoise-rgb: 0 173 187;
--turquoise-r: 0; --turquoise-g: 173; --turquoise-b: 187;
--turquoise-hsl: 184 100% 37%;
--turquoise-h: 184; --turquoise-s: 100%; --turquoise-l: 37%;
--turquoise-oklch: oklch(0.63 0.11 204);
--turquoise-ok-l: 0.63; --turquoise-ok-c: 0.11; --turquoise-ok-h: 204;

/* Orange */
--orange-hex: #ff7600;
--orange-base: var(--orange-hex);
--orange: var(--orange-hex);
--orange-rgb: 255 118 0;
--orange-r: 255; --orange-g: 118; --orange-b: 0;
--orange-hsl: 28 100% 50%;
--orange-h: 28; --orange-s: 100%; --orange-l: 50%;
--orange-oklch: oklch(0.69 0.18 50);
--orange-ok-l: 0.69; --orange-ok-c: 0.18; --orange-ok-h: 50;

/* Violet */
--violet-hex: #901f93;
--violet-base: var(--violet-hex);
--violet: var(--violet-hex);
--violet-rgb: 144 31 147;
--violet-r: 144; --violet-g: 31; --violet-b: 147;
--violet-hsl: 299 65% 35%;
--violet-h: 299; --violet-s: 65%; --violet-l: 35%;
--violet-oklch: oklch(0.41 0.20 318);
--violet-ok-l: 0.41; --violet-ok-c: 0.20; --violet-ok-h: 318;

/* Grass */
--grass-hex: #019739;
--grass-base: var(--grass-hex);
--grass: var(--grass-hex);
--grass-rgb: 1 151 57;
--grass-r: 1; --grass-g: 151; --grass-b: 57;
--grass-hsl: 142 99% 30%;
--grass-h: 142; --grass-s: 99%; --grass-l: 30%;
--grass-oklch: oklch(0.54 0.18 148);
--grass-ok-l: 0.54; --grass-ok-c: 0.18; --grass-ok-h: 148;

/* Powder Blue */
--powder-blue-hex: #b9d9eb;
--powder-blue-base: var(--powder-blue-hex);
--powder-blue: var(--powder-blue-hex);
--powder-blue-rgb: 185 217 235;
--powder-blue-r: 185; --powder-blue-g: 217; --powder-blue-b: 235;
--powder-blue-hsl: 204 54% 82%;
--powder-blue-h: 204; --powder-blue-s: 54%; --powder-blue-l: 82%;
--powder-blue-oklch: oklch(0.86 0.04 220);
--powder-blue-ok-l: 0.86; --powder-blue-ok-c: 0.04; --powder-blue-ok-h: 220;

/* Moss */
--moss-hex: #a7aca2;
--moss-base: var(--moss-hex);
--moss: var(--moss-hex);
--moss-rgb: 167 172 162;
--moss-r: 167; --moss-g: 172; --moss-b: 162;
--moss-hsl: 90 6% 65%;
--moss-h: 90; --moss-s: 6%; --moss-l: 65%;
--moss-oklch: oklch(0.70 0.01 135);
--moss-ok-l: 0.70; --moss-ok-c: 0.01; --moss-ok-h: 135;

/* Lavender */
--lavender-hex: #c6bcd0;
--lavender-base: var(--lavender-hex);
--lavender: var(--lavender-hex);
--lavender-rgb: 198 188 208;
--lavender-r: 198; --lavender-g: 188; --lavender-b: 208;
--lavender-hsl: 270 18% 78%;
--lavender-h: 270; --lavender-s: 18%; --lavender-l: 78%;
--lavender-oklch: oklch(0.79 0.03 290);
--lavender-ok-l: 0.79; --lavender-ok-c: 0.03; --lavender-ok-h: 290;

/* Taupe */
--taupe-hex: #d9c89e;
--taupe-base: var(--taupe-hex);
--taupe: var(--taupe-hex);
--taupe-rgb: 217 200 158;
--taupe-r: 217; --taupe-g: 200; --taupe-b: 158;
--taupe-hsl: 42 43% 74%;
--taupe-h: 42; --taupe-s: 43%; --taupe-l: 74%;
--taupe-oklch: oklch(0.82 0.07 82);
--taupe-ok-l: 0.82; --taupe-ok-c: 0.07; --taupe-ok-h: 82;

/* Mist */
--mist-hex: #9ba4b4;
--mist-base: var(--mist-hex);
--mist: var(--mist-hex);
--mist-rgb: 155 164 180;
--mist-r: 155; --mist-g: 164; --mist-b: 180;
--mist-hsl: 218 17% 66%;
--mist-h: 218; --mist-s: 17%; --mist-l: 66%;
--mist-oklch: oklch(0.68 0.03 245);
--mist-ok-l: 0.68; --mist-ok-c: 0.03; --mist-ok-h: 245;

/* Slate */
--slate-hex: #657f99;
--slate-base: var(--slate-hex);
--slate: var(--slate-hex);
--slate-rgb: 101 127 153;
--slate-r: 101; --slate-g: 127; --slate-b: 153;
--slate-hsl: 210 21% 50%;
--slate-h: 210; --slate-s: 21%; --slate-l: 50%;
--slate-oklch: oklch(0.54 0.05 245);
--slate-ok-l: 0.54; --slate-ok-c: 0.05; --slate-ok-h: 245;

/* Charcoal */
--charcoal-hex: #54565a;
--charcoal-base: var(--charcoal-hex);
--charcoal: var(--charcoal-hex);
--charcoal-rgb: 84 86 90;
--charcoal-r: 84; --charcoal-g: 86; --charcoal-b: 90;
--charcoal-hsl: 220 3% 34%;
--charcoal-h: 220; --charcoal-s: 3%; --charcoal-l: 34%;
--charcoal-oklch: oklch(0.39 0.01 260);
--charcoal-ok-l: 0.39; --charcoal-ok-c: 0.01; --charcoal-ok-h: 260;

/* Pewter */
--pewter-hex: #898a8d;
--pewter-base: var(--pewter-hex);
--pewter: var(--pewter-hex);
--pewter-rgb: 137 138 141;
--pewter-r: 137; --pewter-g: 138; --pewter-b: 141;
--pewter-hsl: 225 2% 55%;
--pewter-h: 225; --pewter-s: 2%; --pewter-l: 55%;
--pewter-oklch: oklch(0.58 0.00 260);
--pewter-ok-l: 0.58; --pewter-ok-c: 0.00; --pewter-ok-h: 260;

}