Archdaily

:root {
  --color-dominant: #385ea7;
  --color-surface: #04348c;
  --color-ink: #aabbdc;
  --color-accent: #aca95b;
  --color-detail: #c6b5a4;
}

/* CSS variables exposed by source */
:root {
  --border: #E1E1E1;
  --font-size-5: clamp(1.375rem, 2.65vw, 1.75rem);
  --text-body: #303030;
  --primary-70: #4C6EB0;
  --primary-80: #3359A5;
  --font-size-2: clamp(0.875rem, 2.65vw, 1rem);
  --primary-90: #1A4599;
  --primary-40: #99ACD2;
  --font-size-8: clamp(2rem, 2.65vw, 3.25rem);
  --text-links: #1A4599;
  --primary-20: #CCD6E8;
  --text-hint: #767676;
  --primary-100: #CFDBF3;
  --font-size-3: clamp(0.75rem, 2.65vw, 0.875rem);
  --primary-50: #8098C6;
  --font-size-7: clamp(1rem, 2.65vw, 1.125rem);
  --background: white;
  --primary-300: #597ABA;
  --border-input: #BBBBBB;
  --font-size-1: clamp(1.125rem, 2.65vw, 1.25rem);
  --primary: #00308E;
  --font-size-4: clamp(0.688rem, 2.65vw, 0.75rem);
  --primary-5: #F2F5F9;
  --font-size-6: clamp(1.25rem, 2.65vw, 1.5rem);
  --primary-hover: #4C6EB0;
  --primary-30: #B3C1DD;
  --primary-400: #054CD8;
  --primary-200: #95ABD5;
  --primary-10: #E5EAF4;
  --primary-500: #00308E;
  --font-size-9: clamp(2.75rem, 2.65vw, 3.875rem);
  --primary-900: #001745;
  --primary-60: #6683BB;
  --aa-font-weight-regular: 400;
  --red-light: #eecccc;
  --dark-mode-search-input: #323B49;
  --body-font-cn: Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --body-font: 'Source Sans 3', 'Source Sans Pro', 'Helvetica', sans-serif;
  --aa-shade-neutral-25: #F7F8F8;
  --aa-z-index-base: 0;
  --aa-environment-subtle-zone: #00153D;
  --neutral-800: #333841;
  --neutral-300: #D2D3D5;
  --aa-text-case-capitalize: capitalize;
  --aa-shade-neutral-600: #27292E;
  --aa-modifier-light-4: rgba(255,255,255,0.3);
  --neutral-100: #F4F4F5;
  --aa-size-sm: 24px;
  --red: #bb3232;
  --aa-letter-spacing-wide: 0.05em;
  --aa-shade-neutral-400: #616873;
  --custom-black: #303030;
  --aa-font-size-sm: 14px;
  --aa-radius-lg: 12px;
  --aa-opacity-25: 0.25;
  --aa-feedback-info-strong: #3B81BA;
  --aa-line-height-relaxed: 32px;
  --aa-scrim-lighter: rgba(255,255,255,0.82);
  --blue-ad-light: #003CB2;
  --aa-feedback-info-subtle: #DCE8F3;
}