Orpetron

:root {
  --color-dominant: #0d81f1;
  --color-surface: #06437d;
  --color-ink: #8fc3f7;
  --color-accent: #7c7c7c;
  --color-detail: #bcbcbc;
}

/* CSS variables exposed by source */
:root {
  --colors-00916e4d: #00916e4d;
  --shadow-50: #e7203b4d;
  --fontsize-70: clamp( calc(20 * 1px), calc(32 * 1rem), calc(32 * 1px * 1) );
  --fontsize-40: clamp( calc(12 * 1px), calc(16 * 1rem), calc(16 * 1px * 1) );
  --space-40: clamp( calc(8 * 1px), calc(12 * 1rem), calc(12 * 1px * 1) );
  --shadow-20: #0000004d;
  --colors-0078f0: #0078f0;
  --colors-ffffff4d: #ffffff4d;
  --accent-210: #00080f;
  --space-70: clamp( calc(16 * 1px), calc(20 * 1rem), calc(20 * 1px * 1) );
  --size-140: clamp( calc(64 * 1px), calc(80 * 1rem), calc(80 * 1px * 1) );
  --space-180: clamp( calc(240 * 1px), calc(480 * 1rem), calc(480 * 1px * 1) );
  --fontsize-20: clamp( calc(12 * 1px), calc(12 * 1rem), calc(12 * 1px * 1) );
  --colors-00264b: #00264b;
  --accent-80: #0069d2;
  --accent-10: #cce6ff;
  --accent-100: #005ab4;
  --size-295: clamp( calc(440 * 1px), calc(640 * 1rem), calc(640 * 1px * 1) );
  --colors-3399ff: #3399ff;
  --space-60: clamp( calc(12 * 1px), calc(16 * 1rem), calc(16 * 1px * 1) );
  --space-156: clamp( calc(160 * 1px), calc(160 * 1rem), calc(160 * 1px * 1) );
  --colors-e6e6e6: #e6e6e6;
  --size-225: clamp( calc(160 * 1px), calc(280 * 1rem), calc(280 * 1px * 1) );
  --fontweight-regular: 400;
  --colors-0053a5: #0053a5;
  --fontweight-ultrabold: 800;
  --accent-130: #004487;
  --size-350: clamp( calc(720 * 1px), calc(800 * 1rem), calc(800 * 1px * 1) );
  --space-150: clamp( calc(64 * 1px), calc(120 * 1rem), calc(120 * 1px * 1) );
  --size-70: clamp( calc(16 * 1px), calc(20 * 1rem), calc(20 * 1px * 1) );
  --colors-cce6ff: #cce6ff;
  --size-110: clamp( calc(32 * 1px), calc(56 * 1rem), calc(56 * 1px * 1) );
  --colors-666666: #666666;
  --fontsize-122: clamp( calc(64 * 1px), calc(100 * 1rem), calc(100 * 1px * 1) );
  --size-290: clamp( calc(300 * 1px), calc(640 * 1rem), calc(640 * 1px * 1) );
  --colors-e7203b: #e7203b;
  --fontweight-light: 300;
  --fontsize-132: clamp( calc(64 * 1px), calc(120 * 1rem), calc(120 * 1px * 1) );
  --colors-cccccc: #cccccc;
  --accent-20: #99ccff;
  --size-400: clamp( calc(640 * 1px), calc(720 * 1rem), calc(720 * 1px * 1) );
  --size-20: clamp( calc(4 * 1px), calc(8 * 1rem), calc(8 * 1px * 1) );
  --fontweight-semibold: 600;
  --fontsize-110: clamp( calc(64 * 1px), calc(72 * 1rem), calc(72 * 1px * 1) );
  --space-100: clamp( calc(32 * 1px), calc(48 * 1rem), calc(48 * 1px * 1) );
  --fontweight-bold: 700;
  --colors-66b3ff: #66b3ff;
  --fontsize-80: clamp( calc(28 * 1px), calc(48 * 1rem), calc(48 * 1px * 1) );
  --space-170: clamp( calc(180 * 1px), calc(320 * 1rem), calc(320 * 1px * 1) );
  --space-152: clamp( calc(72 * 1px), calc(128 * 1rem), calc(128 * 1px * 1) );
  --colors-00172d: #00172d;
  --size-160: clamp( calc(64 * 1px), calc(96 * 1rem), calc(96 * 1px * 1) );
  --space-20: clamp( calc(4 * 1px), calc(4 * 1rem), calc(4 * 1px * 1) );
  --fontsize-90: clamp( calc(32 * 1px), calc(56 * 1rem), calc(56 * 1px * 1) );
  --colors-e7203b4d: #e7203b4d;
  --colors-f2f2f2: #f2f2f2;
  --space-153: clamp( calc(140 * 1px), calc(140 * 1rem), calc(140 * 1px * 1) );
  --size-250: clamp( calc(220 * 1px), calc(420 * 1rem), calc(420 * 1px * 1) );
  --fontsize-30: clamp( calc(12 * 1px), calc(14 * 1rem), calc(14 * 1px * 1) );
  --fontsize-100: clamp( calc(48 * 1px), calc(64 * 1rem), calc(64 * 1px * 1) );
}