[data-theme="commons"] {
  --c-bg: #FFFFFF;
  --c-surface: #F3F2EE;
  --c-surface-2: #E9E8E2;
  --c-ink: #121417;
  --c-ink-2: #555A62;
  --c-line: #121417;
  --c-line-soft: #DDDCD6;
  --c-primary: #121417;
  --c-primary-ink: #FFFFFF;
  --c-accent: #D63E3A;
  --c-accent-ink: #FFFFFF;
  --c-accent-2: #1E6BD6;
  --c-accent-3: #2B8A78;

  --logo-a: #D63E3A; --logo-b: #121417; --logo-c: #1E6BD6; --logo-d: #2B8A78;
  --logo-ink: #121417; --logo-bg: #FFFFFF;

  --font-head: 'Archivo', system-ui, sans-serif;
  --font-body: 'Archivo', system-ui, sans-serif;
  --radius: 0px;
}
[data-theme="commons"] .inverse {
  --c-bg: #121417; --c-surface: #1C1F23; --c-surface-2: #262A2F;
  --c-ink: #FFFFFF; --c-ink-2: #B4B8BE; --c-line: #FFFFFF; --c-line-soft: #33383E;
  --c-primary: #FFFFFF; --c-primary-ink: #121417; --c-accent-2: #7FB0FF;
  --logo-b: #FFFFFF; --logo-ink: #FFFFFF; --logo-bg: #121417;
}
[data-theme="commons"] .red {
  --c-bg: #D63E3A; --c-ink: #FFFFFF; --c-ink-2: #FBE3E2; --c-line: #FFFFFF; --c-primary: #FFFFFF; --c-primary-ink: #D63E3A;
  --logo-a: #FFFFFF; --logo-b: #FFFFFF; --logo-c: #FFFFFF; --logo-d: #FFFFFF; --logo-ink: #FFFFFF; --logo-bg: #D63E3A;
}